arrow big left icon
arrow-big-left-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- arrow-big-left-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
arrow-big-downarrow-big-down-shortarrow-big-left-shortarrow-big-rightarrow-big-right-shortarrow-big-uparrow-big-up-shortarrow-downarrow-down-dashed-panelarrow-down-leftarrow-down-left-dashed-panelarrow-down-narrow-widearrow-down-rightarrow-down-right-dashed-panelarrow-down-wide-narrowarrow-in-down-dashed-panelarrow-in-down-left-dashed-panelarrow-in-down-right-dashed-panelarrow-in-left-dashed-panelarrow-in-right-dashed-panelarrow-in-up-dashed-panelarrow-in-up-left-dashed-panelarrow-in-up-right-dashed-panelarrow-left
Use the arrow big left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.5858 10.5858L8.5858 3.5858C8.8717 3.2999 9.2301 3.114 9.6098 3.0384C9.9894 2.9629 10.3918 2.9974 10.7654 3.1522C11.139 3.307 11.4479 3.567 11.663 3.8889C11.878 4.2107 12 4.5956 12 5L12 7L21 7C21.552 7 22.0534 7.2249 22.4142 7.5858C22.7751 7.9466 23 8.448 23 9L23 15C23 15.552 22.7751 16.0534 22.4142 16.4142C22.0534 16.7751 21.552 17 21 17L12 17L12 19C12 19.4044 11.878 19.7893 11.663 20.1111C11.4479 20.433 11.139 20.693 10.7654 20.8478C10.3918 21.0026 9.9894 21.0371 9.6098 20.9616C9.2301 20.886 8.8717 20.7001 8.5858 20.4142L1.5858 13.4142C1.1955 13.0239 1 12.5103 1 12C1 11.4897 1.1955 10.9761 1.5858 10.5858Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsArrowBigLeftFill(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="M1.5858 10.5858L8.5858 3.5858C8.8717 3.2999 9.2301 3.114 9.6098 3.0384C9.9894 2.9629 10.3918 2.9974 10.7654 3.1522C11.139 3.307 11.4479 3.567 11.663 3.8889C11.878 4.2107 12 4.5956 12 5L12 7L21 7C21.552 7 22.0534 7.2249 22.4142 7.5858C22.7751 7.9466 23 8.448 23 9L23 15C23 15.552 22.7751 16.0534 22.4142 16.4142C22.0534 16.7751 21.552 17 21 17L12 17L12 19C12 19.4044 11.878 19.7893 11.663 20.1111C11.4479 20.433 11.139 20.693 10.7654 20.8478C10.3918 21.0026 9.9894 21.0371 9.6098 20.9616C9.2301 20.886 8.8717 20.7001 8.5858 20.4142L1.5858 13.4142C1.1955 13.0239 1 12.5103 1 12C1 11.4897 1.1955 10.9761 1.5858 10.5858Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.5858 10.5858L8.5858 3.5858C8.8717 3.2999 9.2301 3.114 9.6098 3.0384C9.9894 2.9629 10.3918 2.9974 10.7654 3.1522C11.139 3.307 11.4479 3.567 11.663 3.8889C11.878 4.2107 12 4.5956 12 5L12 7L21 7C21.552 7 22.0534 7.2249 22.4142 7.5858C22.7751 7.9466 23 8.448 23 9L23 15C23 15.552 22.7751 16.0534 22.4142 16.4142C22.0534 16.7751 21.552 17 21 17L12 17L12 19C12 19.4044 11.878 19.7893 11.663 20.1111C11.4479 20.433 11.139 20.693 10.7654 20.8478C10.3918 21.0026 9.9894 21.0371 9.6098 20.9616C9.2301 20.886 8.8717 20.7001 8.5858 20.4142L1.5858 13.4142C1.1955 13.0239 1 12.5103 1 12C1 11.4897 1.1955 10.9761 1.5858 10.5858Z"/></svg> </template>
CSS
.icon-arrow-big-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%22M1.5858%2010.5858L8.5858%203.5858C8.8717%203.2999%209.2301%203.114%209.6098%203.0384C9.9894%202.9629%2010.3918%202.9974%2010.7654%203.1522C11.139%203.307%2011.4479%203.567%2011.663%203.8889C11.878%204.2107%2012%204.5956%2012%205L12%207L21%207C21.552%207%2022.0534%207.2249%2022.4142%207.5858C22.7751%207.9466%2023%208.448%2023%209L23%2015C23%2015.552%2022.7751%2016.0534%2022.4142%2016.4142C22.0534%2016.7751%2021.552%2017%2021%2017L12%2017L12%2019C12%2019.4044%2011.878%2019.7893%2011.663%2020.1111C11.4479%2020.433%2011.139%2020.693%2010.7654%2020.8478C10.3918%2021.0026%209.9894%2021.0371%209.6098%2020.9616C9.2301%2020.886%208.8717%2020.7001%208.5858%2020.4142L1.5858%2013.4142C1.1955%2013.0239%201%2012.5103%201%2012C1%2011.4897%201.1955%2010.9761%201.5858%2010.5858Z%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%22M1.5858%2010.5858L8.5858%203.5858C8.8717%203.2999%209.2301%203.114%209.6098%203.0384C9.9894%202.9629%2010.3918%202.9974%2010.7654%203.1522C11.139%203.307%2011.4479%203.567%2011.663%203.8889C11.878%204.2107%2012%204.5956%2012%205L12%207L21%207C21.552%207%2022.0534%207.2249%2022.4142%207.5858C22.7751%207.9466%2023%208.448%2023%209L23%2015C23%2015.552%2022.7751%2016.0534%2022.4142%2016.4142C22.0534%2016.7751%2021.552%2017%2021%2017L12%2017L12%2019C12%2019.4044%2011.878%2019.7893%2011.663%2020.1111C11.4479%2020.433%2011.139%2020.693%2010.7654%2020.8478C10.3918%2021.0026%209.9894%2021.0371%209.6098%2020.9616C9.2301%2020.886%208.8717%2020.7001%208.5858%2020.4142L1.5858%2013.4142C1.1955%2013.0239%201%2012.5103%201%2012C1%2011.4897%201.1955%2010.9761%201.5858%2010.5858Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/arrow-big-left-fill.svg?color=%231a73e8&size=48
