Arrow Circle Down Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

arrow circle down direction navigate move pointer

The Arrow Circle Down 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 src="https://proicons.com/icon/306985.svg" alt="Arrow Circle Down icon" width="24" height="24">

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

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

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

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M5.14645 8.85355L7.64645 11.3536C7.84171 11.5488 8.15829 11.5488 8.35355 11.3536L10.8536 8.85355C11.0488 8.65829 11.0488 8.34171 10.8536 8.14645C10.6583 7.95118 10.3417 7.95118 10.1464 8.14645L8.5 9.79289V5C8.5 4.72386 8.27614 4.5 8 4.5C7.72386 4.5 7.5 4.72386 7.5 5V9.79289L5.85355 8.14645C5.65829 7.95118 5.34171 7.95118 5.14645 8.14645C4.95118 8.34171 4.95118 8.65829 5.14645 8.85355ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8Z"/></svg>