Skip to content
tablericons

shape

Circle Open Arrow Up icon

Download the Circle Open Arrow Up icon as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.

  • arrow
  • up
  • north
  • top
  • circle
  • open
  • round
  • cycle
  • refresh
  • direction
Size
Stroke
Color
Download SVG

Press C to copy SVG, J for JSX, D to download.

Category
shape
Styles
Outline
Component
IconCircleOpenArrowUp
License
MIT · Paweł Kuna

Code

Copy it the way you use it

circle-open-arrow-up.svg
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
 
>
  <path d="M15.998 20.066a9 9 0 1 0 -3.998 .934v-13" />
  <path d="M16 12l-4 -4l-4 4" />
</svg>

Use the Circle Open Arrow Up icon

For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.

React example
import { IconCircleOpenArrowUp } from '@tabler/icons-react';

<IconCircleOpenArrowUp size={24} stroke={2} />
Read the React guide
Vue example
import { IconCircleOpenArrowUp } from '@tabler/icons-vue';

<IconCircleOpenArrowUp :size="24" :stroke="2" />
Read the Vue guide
Svelte 5 example
import { IconCircleOpenArrowUp } from '@tabler/icons-svelte-runes';

<IconCircleOpenArrowUp size={24} stroke={2} />
Read the Svelte guide

Related

Related icons

See all 486 shape icons