arrow big left icon

arrow-big-left-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.

Name
arrow-big-left-duotone
Set
Keyline Icons
Style
Duotone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

arrow-big-leftarrow-big-left-fillarrow-big-left-sharparrow-big-left-sharp-duotonearrow-big-left-sharp-fillarrow-big-left-sharp-two-tonearrow-big-left-two-tone

The same icon in other sets

All arrow big left icons →
arrow-big-leftLucidearrow-big-leftMyna UI Iconsarrow-big-leftTabler Icons

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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.2929 11.2929L9.2929 4.2929C9.5789 4.0069 10.009 3.9213 10.3827 4.0761C10.7564 4.2309 11 4.5955 11 5L11 7C11 7.5523 11.4477 8 12 8L21 8C21.5523 8 22 8.4477 22 9L22 15C22 15.5523 21.5523 16 21 16L12 16C11.4477 16 11 16.4477 11 17L11 19C11 19.4045 10.7564 19.7691 10.3827 19.9239C10.009 20.0787 9.5789 19.9931 9.2929 19.7071L2.2929 12.7071C1.9024 12.3166 1.9024 11.6834 2.2929 11.2929Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsArrowBigLeftDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M2.2929 11.2929L9.2929 4.2929C9.5789 4.0069 10.009 3.9213 10.3827 4.0761C10.7564 4.2309 11 4.5955 11 5L11 7C11 7.5523 11.4477 8 12 8L21 8C21.5523 8 22 8.4477 22 9L22 15C22 15.5523 21.5523 16 21 16L12 16C11.4477 16 11 16.4477 11 17L11 19C11 19.4045 10.7564 19.7691 10.3827 19.9239C10.009 20.0787 9.5789 19.9931 9.2929 19.7071L2.2929 12.7071C1.9024 12.3166 1.9024 11.6834 2.2929 11.2929Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.2929 11.2929L9.2929 4.2929C9.5789 4.0069 10.009 3.9213 10.3827 4.0761C10.7564 4.2309 11 4.5955 11 5L11 7C11 7.5523 11.4477 8 12 8L21 8C21.5523 8 22 8.4477 22 9L22 15C22 15.5523 21.5523 16 21 16L12 16C11.4477 16 11 16.4477 11 17L11 19C11 19.4045 10.7564 19.7691 10.3827 19.9239C10.009 20.0787 9.5789 19.9931 9.2929 19.7071L2.2929 12.7071C1.9024 12.3166 1.9024 11.6834 2.2929 11.2929Z"/></svg>
</template>

CSS

.icon-arrow-big-left-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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.2929%2011.2929L9.2929%204.2929C9.5789%204.0069%2010.009%203.9213%2010.3827%204.0761C10.7564%204.2309%2011%204.5955%2011%205L11%207C11%207.5523%2011.4477%208%2012%208L21%208C21.5523%208%2022%208.4477%2022%209L22%2015C22%2015.5523%2021.5523%2016%2021%2016L12%2016C11.4477%2016%2011%2016.4477%2011%2017L11%2019C11%2019.4045%2010.7564%2019.7691%2010.3827%2019.9239C10.009%2020.0787%209.5789%2019.9931%209.2929%2019.7071L2.2929%2012.7071C1.9024%2012.3166%201.9024%2011.6834%202.2929%2011.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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.2929%2011.2929L9.2929%204.2929C9.5789%204.0069%2010.009%203.9213%2010.3827%204.0761C10.7564%204.2309%2011%204.5955%2011%205L11%207C11%207.5523%2011.4477%208%2012%208L21%208C21.5523%208%2022%208.4477%2022%209L22%2015C22%2015.5523%2021.5523%2016%2021%2016L12%2016C11.4477%2016%2011%2016.4477%2011%2017L11%2019C11%2019.4045%2010.7564%2019.7691%2010.3827%2019.9239C10.009%2020.0787%209.5789%2019.9931%209.2929%2019.7071L2.2929%2012.7071C1.9024%2012.3166%201.9024%2011.6834%202.2929%2011.2929Z%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-duotone.svg?color=%231a73e8&size=48