Double Arrow 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

Style

Outline

Tags

double arrow circle direction navigate move pointer

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

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

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

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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2.5C14.5196 2.5 16.9359 3.50089 18.7175 5.28249C20.4991 7.06408 21.5 9.48044 21.5 12C21.5 14.5196 20.4991 16.9359 18.7175 18.7175C16.9359 20.4991 14.5196 21.5 12 21.5C9.48044 21.5 7.06408 20.4991 5.28249 18.7175C3.50089 16.9359 2.5 14.5196 2.5 12C2.5 9.48044 3.50089 7.06408 5.28249 5.28249C7.06408 3.50089 9.48044 2.5 12 2.5Z" stroke="black" stroke-width="1.5"/>
<path d="M6 12H18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 9L6 12L9 15" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 15L18 12L15 9" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>