circle chevron left icon

circle-chevron-left-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
circle-chevron-left-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

circle-chevron-leftcircle-chevron-left-duotonecircle-chevron-left-sharpcircle-chevron-left-sharp-duotonecircle-chevron-left-sharp-fillcircle-chevron-left-sharp-two-tonecircle-chevron-left-two-tone

The same icon in other sets

All circle chevron left icons →
circle-chevron-leftAkar Iconscircle-chevron-leftFont Awesome 6 Solidcircle-chevron-leftFont Awesome Solidcircle-chevron-leftHuge Iconscircle-chevron-leftLucidecircle-chevron-leftTabler Icons

Related icons in Keyline Icons

circle-activitycircle-alertcircle-align-offset-bottomcircle-align-offset-leftcircle-align-offset-rightcircle-align-offset-topcircle-arrow-downcircle-arrow-down-leftcircle-arrow-down-rightcircle-arrow-leftcircle-arrow-rightcircle-arrow-u-turn-leftcircle-arrow-u-turn-rightcircle-arrow-upcircle-arrow-up-leftcircle-arrow-up-rightcircle-bar-chartcircle-bar-chart-2circle-bar-chart-2-downcircle-bar-chart-2-horizontal-endcircle-bar-chart-2-horizontal-startcircle-bar-chart-downcircle-bar-chart-horizontal-endcircle-bar-chart-horizontal-start

Use the circle chevron left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1 C18.0751 1 23 5.9249 23 12 C23 18.0751 18.0751 23 12 23 C5.9249 23 1 18.0751 1 12 C1 5.9249 5.9249 1 12 1 ZM13.2929 7.2929L9.2929 11.2929C8.9024 11.6834 8.9024 12.3166 9.2929 12.7071L13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17C14.2652 17 14.5196 16.8946 14.7071 16.7071C15.0976 16.3166 15.0976 15.6834 14.7071 15.2929L11.4142 12L14.7071 8.7071C15.0976 8.3166 15.0976 7.6834 14.7071 7.2929C14.3166 6.9024 13.6834 6.9024 13.2929 7.2929Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsCircleChevronLeftFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1 C18.0751 1 23 5.9249 23 12 C23 18.0751 18.0751 23 12 23 C5.9249 23 1 18.0751 1 12 C1 5.9249 5.9249 1 12 1 ZM13.2929 7.2929L9.2929 11.2929C8.9024 11.6834 8.9024 12.3166 9.2929 12.7071L13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17C14.2652 17 14.5196 16.8946 14.7071 16.7071C15.0976 16.3166 15.0976 15.6834 14.7071 15.2929L11.4142 12L14.7071 8.7071C15.0976 8.3166 15.0976 7.6834 14.7071 7.2929C14.3166 6.9024 13.6834 6.9024 13.2929 7.2929Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1 C18.0751 1 23 5.9249 23 12 C23 18.0751 18.0751 23 12 23 C5.9249 23 1 18.0751 1 12 C1 5.9249 5.9249 1 12 1 ZM13.2929 7.2929L9.2929 11.2929C8.9024 11.6834 8.9024 12.3166 9.2929 12.7071L13.2929 16.7071C13.4804 16.8946 13.7348 17 14 17C14.2652 17 14.5196 16.8946 14.7071 16.7071C15.0976 16.3166 15.0976 15.6834 14.7071 15.2929L11.4142 12L14.7071 8.7071C15.0976 8.3166 15.0976 7.6834 14.7071 7.2929C14.3166 6.9024 13.6834 6.9024 13.2929 7.2929Z"/></svg>
</template>

CSS

.icon-circle-chevron-left-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201%20C18.0751%201%2023%205.9249%2023%2012%20C23%2018.0751%2018.0751%2023%2012%2023%20C5.9249%2023%201%2018.0751%201%2012%20C1%205.9249%205.9249%201%2012%201%20ZM13.2929%207.2929L9.2929%2011.2929C8.9024%2011.6834%208.9024%2012.3166%209.2929%2012.7071L13.2929%2016.7071C13.4804%2016.8946%2013.7348%2017%2014%2017C14.2652%2017%2014.5196%2016.8946%2014.7071%2016.7071C15.0976%2016.3166%2015.0976%2015.6834%2014.7071%2015.2929L11.4142%2012L14.7071%208.7071C15.0976%208.3166%2015.0976%207.6834%2014.7071%207.2929C14.3166%206.9024%2013.6834%206.9024%2013.2929%207.2929Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201%20C18.0751%201%2023%205.9249%2023%2012%20C23%2018.0751%2018.0751%2023%2012%2023%20C5.9249%2023%201%2018.0751%201%2012%20C1%205.9249%205.9249%201%2012%201%20ZM13.2929%207.2929L9.2929%2011.2929C8.9024%2011.6834%208.9024%2012.3166%209.2929%2012.7071L13.2929%2016.7071C13.4804%2016.8946%2013.7348%2017%2014%2017C14.2652%2017%2014.5196%2016.8946%2014.7071%2016.7071C15.0976%2016.3166%2015.0976%2015.6834%2014.7071%2015.2929L11.4142%2012L14.7071%208.7071C15.0976%208.3166%2015.0976%207.6834%2014.7071%207.2929C14.3166%206.9024%2013.6834%206.9024%2013.2929%207.2929Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/circle-chevron-left-fill.svg?color=%231a73e8&size=48