alt arrow left icon
alt-arrow-left-outline from Solar by 480 Design · Outline · Arrows · CC-BY-4.0 Attribution required.
- Name
- alt-arrow-left-outline
- Set
- Solar
- Style
- Outline
- 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-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-left-boldround-alt-arrow-right-bold
Use the alt arrow left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.4881 4.43057C15.8026 4.70014 15.839 5.17361 15.5694 5.48811L9.98781 12L15.5694 18.5119C15.839 18.8264 15.8026 19.2999 15.4881 19.5695C15.1736 19.839 14.7001 19.8026 14.4306 19.4881L8.43056 12.4881C8.18981 12.2072 8.18981 11.7928 8.43056 11.5119L14.4306 4.51192C14.7001 4.19743 15.1736 4.161 15.4881 4.43057Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarAltArrowLeftOutline(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" fillRule="evenodd" d="M15.4881 4.43057C15.8026 4.70014 15.839 5.17361 15.5694 5.48811L9.98781 12L15.5694 18.5119C15.839 18.8264 15.8026 19.2999 15.4881 19.5695C15.1736 19.839 14.7001 19.8026 14.4306 19.4881L8.43056 12.4881C8.18981 12.2072 8.18981 11.7928 8.43056 11.5119L14.4306 4.51192C14.7001 4.19743 15.1736 4.161 15.4881 4.43057Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.4881 4.43057C15.8026 4.70014 15.839 5.17361 15.5694 5.48811L9.98781 12L15.5694 18.5119C15.839 18.8264 15.8026 19.2999 15.4881 19.5695C15.1736 19.839 14.7001 19.8026 14.4306 19.4881L8.43056 12.4881C8.18981 12.2072 8.18981 11.7928 8.43056 11.5119L14.4306 4.51192C14.7001 4.19743 15.1736 4.161 15.4881 4.43057Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-alt-arrow-left-outline {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M15.4881%204.43057C15.8026%204.70014%2015.839%205.17361%2015.5694%205.48811L9.98781%2012L15.5694%2018.5119C15.839%2018.8264%2015.8026%2019.2999%2015.4881%2019.5695C15.1736%2019.839%2014.7001%2019.8026%2014.4306%2019.4881L8.43056%2012.4881C8.18981%2012.2072%208.18981%2011.7928%208.43056%2011.5119L14.4306%204.51192C14.7001%204.19743%2015.1736%204.161%2015.4881%204.43057Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M15.4881%204.43057C15.8026%204.70014%2015.839%205.17361%2015.5694%205.48811L9.98781%2012L15.5694%2018.5119C15.839%2018.8264%2015.8026%2019.2999%2015.4881%2019.5695C15.1736%2019.839%2014.7001%2019.8026%2014.4306%2019.4881L8.43056%2012.4881C8.18981%2012.2072%208.18981%2011.7928%208.43056%2011.5119L14.4306%204.51192C14.7001%204.19743%2015.1736%204.161%2015.4881%204.43057Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/alt-arrow-left-outline.svg?color=%231a73e8&size=48
