Arrow Circle Left Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Arrow Circle Left 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/306986.svg" alt="Arrow Circle Left icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306986.svg" alt="Arrow Circle Left icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306986.svg" alt="Arrow Circle Left icon" :width="24" :height="24" />
CSS background
.icon-arrow-circle-left {
background-image: url('https://proicons.com/icon/306986.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M7.14645 10.8536L4.64645 8.35355C4.45118 8.15829 4.45118 7.84171 4.64645 7.64645L7.14645 5.14645C7.34171 4.95118 7.65829 4.95118 7.85355 5.14645C8.04882 5.34171 8.04882 5.65829 7.85355 5.85355L6.20711 7.5H11C11.2761 7.5 11.5 7.72386 11.5 8C11.5 8.27614 11.2761 8.5 11 8.5H6.20711L7.85355 10.1464C8.04882 10.3417 8.04882 10.6583 7.85355 10.8536C7.65829 11.0488 7.34171 11.0488 7.14645 10.8536ZM1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8ZM8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14Z"/></svg>
Arrow Circle Left in other icon packs
Copied!