Chevron Right Circle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Chevron Right Circle icon is commonly used in dropdown menus, accordions and breadcrumb navigation. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310618.svg" alt="Chevron Right Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310618.svg" alt="Chevron Right Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310618.svg" alt="Chevron Right Circle icon" :width="24" :height="24" />
CSS background
.icon-chevron-right-circle {
background-image: url('https://proicons.com/icon/310618.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="M10.3334 16.5333L14.1111 12.7555C14.2168 12.6502 14.3006 12.5251 14.3578 12.3874C14.415 12.2496 14.4444 12.1019 14.4444 11.9528C14.4444 11.8036 14.415 11.6559 14.3578 11.5181C14.3006 11.3804 14.2168 11.2553 14.1111 11.1499L10.3334 7.46667" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.7533 17.2467 2.5 12 2.5C6.7533 2.5 2.5 6.7533 2.5 12C2.5 17.2467 6.7533 21.5 12 21.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Chevron Right Circle in other icon packs
Copied!