Arrow Down 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 down circle direction navigate move pointer

The Arrow Down 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/309956.svg" alt="Arrow Down Circle icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-arrow-down-circle {
  background-image: url('https://proicons.com/icon/309956.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.97274 1.75 7.99102 2.35116 6.30542 3.47744C4.61981 4.60372 3.30604 6.20455 2.53024 8.07749C1.75444 9.95043 1.55146 12.0114 1.94696 13.9997C2.34245 15.988 3.31867 17.8144 4.75216 19.2478C6.18565 20.6813 8.01203 21.6575 10.0003 22.053C11.9886 22.4485 14.0496 22.2456 15.9225 21.4698C17.7955 20.694 19.3963 19.3802 20.5225 17.6946C21.6488 16.009 22.25 14.0273 22.25 12C22.2473 9.28234 21.1666 6.67676 19.2449 4.75508C17.3233 2.83341 14.7177 1.75265 12 1.75ZM18 13.4L13.47 17.98C13.2809 18.1755 13.0526 18.3289 12.8 18.43C12.5512 18.5395 12.2818 18.5941 12.01 18.59C11.7385 18.5908 11.4697 18.5364 11.22 18.43C10.9699 18.3299 10.7446 18.1763 10.56 17.98L6.02999 13.4C5.93741 13.3068 5.86412 13.1962 5.81427 13.0746C5.76441 12.9531 5.73897 12.8229 5.73944 12.6915C5.7399 12.5601 5.76624 12.4301 5.81695 12.3088C5.86766 12.1876 5.94176 12.0776 6.035 11.985C6.12824 11.8924 6.23881 11.8191 6.36038 11.7693C6.48195 11.7194 6.61213 11.694 6.74353 11.6944C6.87492 11.6949 7.00494 11.7212 7.12615 11.772C7.24737 11.8227 7.35743 11.8968 7.45001 11.99L11.01 15.59V6.46C11.01 6.19478 11.1153 5.94043 11.3029 5.75289C11.4904 5.56536 11.7448 5.46 12.01 5.46C12.2752 5.46 12.5296 5.56536 12.7171 5.75289C12.9046 5.94043 13.01 6.19478 13.01 6.46V15.54L16.58 11.99C16.6726 11.8968 16.7826 11.8227 16.9038 11.772C17.0251 11.7212 17.1551 11.6949 17.2865 11.6944C17.4179 11.694 17.5481 11.7194 17.6696 11.7693C17.7912 11.8191 17.9018 11.8924 17.995 11.985C18.0882 12.0776 18.1623 12.1876 18.213 12.3088C18.2638 12.4301 18.2901 12.5601 18.2906 12.6915C18.291 12.8229 18.2656 12.9531 18.2158 13.0746C18.1659 13.1962 18.0926 13.3068 18 13.4Z" fill="black"/>
</svg>