Color

Mage Icons

Arrow Up Circle Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: arrow up circle direction navigate move pointer

The Arrow Up Circle icon is commonly used in navigation controls, pagination and call-to-action buttons. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/309966.svg" alt="Arrow Up Circle icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/309966.svg" alt="Arrow Up Circle icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/309966.svg"
  alt="Arrow Up Circle icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-arrow-up-circle {
  background-image: url('https://proicons.com/icon/309966.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1.75C9.97276 1.75 7.99098 2.35116 6.30538 3.47744C4.61977 4.60372 3.30603 6.20455 2.53023 8.07749C1.75443 9.95043 1.55142 12.0114 1.94692 13.9997C2.34242 15.988 3.31867 17.8144 4.75215 19.2478C6.18564 20.6813 8.01196 21.6575 10.0003 22.053C11.9886 22.4485 14.0496 22.2456 15.9225 21.4698C17.7954 20.694 19.3962 19.3802 20.5225 17.6946C21.6488 16.009 22.25 14.0273 22.25 12C22.2474 9.28234 21.1666 6.67676 19.2449 4.75508C17.3232 2.83341 14.7177 1.75265 12 1.75ZM18 12.01C17.9071 12.1037 17.7964 12.1781 17.6746 12.2289C17.5527 12.2797 17.4219 12.3058 17.2899 12.3058C17.1579 12.3058 17.0273 12.2797 16.9054 12.2289C16.7836 12.1781 16.6729 12.1037 16.58 12.01L13.01 8.44V17.54C13.01 17.8052 12.9046 18.0596 12.7171 18.2471C12.5295 18.4346 12.2752 18.54 12.01 18.54C11.7448 18.54 11.4904 18.4346 11.3029 18.2471C11.1153 18.0596 11.01 17.8052 11.01 17.54V8.54L7.43996 12.05C7.35031 12.1547 7.23999 12.2397 7.11592 12.2997C6.99186 12.3598 6.85673 12.3935 6.71901 12.3988C6.58129 12.4041 6.44396 12.3809 6.31563 12.3306C6.18731 12.2804 6.0708 12.2041 5.97335 12.1067C5.87589 12.0092 5.79962 11.8926 5.74935 11.7643C5.69907 11.636 5.67585 11.4987 5.68117 11.3609C5.68649 11.2232 5.72021 11.0881 5.78023 10.964C5.84025 10.84 5.9253 10.7296 6.02999 10.64L10.58 6.11C10.9667 5.72135 11.4917 5.50197 12.0399 5.5C12.3114 5.49917 12.5802 5.55361 12.83 5.66C13.0831 5.76001 13.3117 5.91351 13.5 6.11L18.0299 10.64C18.199 10.8305 18.2891 11.0783 18.2816 11.3329C18.2742 11.5875 18.1699 11.8297 17.99 12.01H18Z" fill="black"/>
</svg>

Arrow Up Circle in other icon packs

Feather Icons

Bootstrap Icons

Heroicons Filled

Heroicons Outline

Heroicons Filled

Copied!

Arrow Up Circle Icon

More from Mage Icons

Arrow Up Circle in other icon packs