Double Arrow Circle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
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 tag
<img src="https://proicons.com/icon/310679.svg" alt="Double Arrow Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310679.svg" alt="Double Arrow Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310679.svg" alt="Double Arrow Circle icon" :width="24" :height="24" />
CSS background
.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 markup
<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>
Copied!