round alt arrow left icon
round-alt-arrow-left-bold-duotone from Solar by 480 Design · Bold Duotone · Arrows · CC-BY-4.0 Attribution required.
- Name
- round-alt-arrow-left-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Arrows
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More arrows icons from Solar
alt-arrow-down-boldalt-arrow-left-boldalt-arrow-right-boldalt-arrow-up-boldarrow-down-boldarrow-left-boldarrow-left-down-boldarrow-left-up-boldarrow-right-boldarrow-right-down-boldarrow-right-up-boldarrow-up-bolddouble-alt-arrow-down-bolddouble-alt-arrow-left-bolddouble-alt-arrow-right-bolddouble-alt-arrow-up-boldrefresh-boldrefresh-circle-boldrefresh-square-boldrestart-boldrestart-circle-boldrestart-square-boldround-alt-arrow-down-boldround-alt-arrow-right-bold
Use the round alt arrow left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22Z" opacity=".5"/><path d="M12.9697 8.46967C13.2626 8.17678 13.7374 8.17678 14.0303 8.46967C14.3232 8.76256 14.3232 9.23744 14.0303 9.53033L11.5607 12L14.0303 14.4697C14.3232 14.7626 14.3232 15.2374 14.0303 15.5303C13.7374 15.8232 13.2626 15.8232 12.9697 15.5303L9.96967 12.5303C9.67678 12.2374 9.67678 11.7626 9.96967 11.4697L12.9697 8.46967Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarRoundAltArrowLeftBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22Z" opacity=".5"/><path d="M12.9697 8.46967C13.2626 8.17678 13.7374 8.17678 14.0303 8.46967C14.3232 8.76256 14.3232 9.23744 14.0303 9.53033L11.5607 12L14.0303 14.4697C14.3232 14.7626 14.3232 15.2374 14.0303 15.5303C13.7374 15.8232 13.2626 15.8232 12.9697 15.5303L9.96967 12.5303C9.67678 12.2374 9.67678 11.7626 9.96967 11.4697L12.9697 8.46967Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22Z" opacity=".5"/><path d="M12.9697 8.46967C13.2626 8.17678 13.7374 8.17678 14.0303 8.46967C14.3232 8.76256 14.3232 9.23744 14.0303 9.53033L11.5607 12L14.0303 14.4697C14.3232 14.7626 14.3232 15.2374 14.0303 15.5303C13.7374 15.8232 13.2626 15.8232 12.9697 15.5303L9.96967 12.5303C9.67678 12.2374 9.67678 11.7626 9.96967 11.4697L12.9697 8.46967Z"/></g></svg> </template>
CSS
.icon-round-alt-arrow-left-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.9697%208.46967C13.2626%208.17678%2013.7374%208.17678%2014.0303%208.46967C14.3232%208.76256%2014.3232%209.23744%2014.0303%209.53033L11.5607%2012L14.0303%2014.4697C14.3232%2014.7626%2014.3232%2015.2374%2014.0303%2015.5303C13.7374%2015.8232%2013.2626%2015.8232%2012.9697%2015.5303L9.96967%2012.5303C9.67678%2012.2374%209.67678%2011.7626%209.96967%2011.4697L12.9697%208.46967Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.9697%208.46967C13.2626%208.17678%2013.7374%208.17678%2014.0303%208.46967C14.3232%208.76256%2014.3232%209.23744%2014.0303%209.53033L11.5607%2012L14.0303%2014.4697C14.3232%2014.7626%2014.3232%2015.2374%2014.0303%2015.5303C13.7374%2015.8232%2013.2626%2015.8232%2012.9697%2015.5303L9.96967%2012.5303C9.67678%2012.2374%209.67678%2011.7626%209.96967%2011.4697L12.9697%208.46967Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/round-alt-arrow-left-bold-duotone.svg?color=%231a73e8&size=48
