package arrow left icon
package-arrow-left-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- package-arrow-left-sharp-duotone
- Set
- Keyline Icons
- Style
- Sharp Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the package arrow left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 12C23 12.5523 22.5523 13 22 13L16 13L13 13L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L1.5638 18.0521C1.219 17.885 1 17.5355 1 17.1523L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002Z" stroke="none"/><path fill="currentColor" d="M16.9932 8.3024L21.9863 5.7298L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 7.4574L13 12.6097L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L11 22.6265L11 12.6097L1 7.4574L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L2.0137 5.7298L12 10.8751L14.7906 9.4373L4.7362 4.41L7.0068 3.3093Z" stroke="none"/><path d="M23 19L16 19M19.2929 15.7071L16 19L19.2929 22.2929"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsPackageArrowLeftSharpDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 12C23 12.5523 22.5523 13 22 13L16 13L13 13L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L1.5638 18.0521C1.219 17.885 1 17.5355 1 17.1523L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002Z" stroke="none"/><path fill="currentColor" d="M16.9932 8.3024L21.9863 5.7298L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 7.4574L13 12.6097L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L11 22.6265L11 12.6097L1 7.4574L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L2.0137 5.7298L12 10.8751L14.7906 9.4373L4.7362 4.41L7.0068 3.3093Z" stroke="none"/><path d="M23 19L16 19M19.2929 15.7071L16 19L19.2929 22.2929"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 12C23 12.5523 22.5523 13 22 13L16 13L13 13L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L1.5638 18.0521C1.219 17.885 1 17.5355 1 17.1523L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002Z" stroke="none"/><path fill="currentColor" d="M16.9932 8.3024L21.9863 5.7298L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 7.4574L13 12.6097L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L11 22.6265L11 12.6097L1 7.4574L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L2.0137 5.7298L12 10.8751L14.7906 9.4373L4.7362 4.41L7.0068 3.3093Z" stroke="none"/><path d="M23 19L16 19M19.2929 15.7071L16 19L19.2929 22.2929"/></g></svg> </template>
CSS
.icon-package-arrow-left-sharp-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.4362%201.1002L22.4362%205.9479C22.781%206.115%2023%206.4645%2023%206.8477L23%2012C23%2012.5523%2022.5523%2013%2022%2013L16%2013L13%2013L13%2022C13%2022.5523%2012.5523%2023%2012%2023C11.8508%2023%2011.7015%2022.9666%2011.5638%2022.8998L1.5638%2018.0521C1.219%2017.885%201%2017.5355%201%2017.1523L1%206.8477C1%206.4645%201.219%206.115%201.5638%205.9479L11.5638%201.1002C11.8393%200.9666%2012.1607%200.9666%2012.4362%201.1002Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9932%208.3024L21.9863%205.7298L22.4362%205.9479C22.781%206.115%2023%206.4645%2023%206.8477L23%207.4574L13%2012.6097L13%2022C13%2022.5523%2012.5523%2023%2012%2023C11.8508%2023%2011.7015%2022.9666%2011.5638%2022.8998L11%2022.6265L11%2012.6097L1%207.4574L1%206.8477C1%206.4645%201.219%206.115%201.5638%205.9479L2.0137%205.7298L12%2010.8751L14.7906%209.4373L4.7362%204.41L7.0068%203.3093Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M23%2019L16%2019M19.2929%2015.7071L16%2019L19.2929%2022.2929%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.4362%201.1002L22.4362%205.9479C22.781%206.115%2023%206.4645%2023%206.8477L23%2012C23%2012.5523%2022.5523%2013%2022%2013L16%2013L13%2013L13%2022C13%2022.5523%2012.5523%2023%2012%2023C11.8508%2023%2011.7015%2022.9666%2011.5638%2022.8998L1.5638%2018.0521C1.219%2017.885%201%2017.5355%201%2017.1523L1%206.8477C1%206.4645%201.219%206.115%201.5638%205.9479L11.5638%201.1002C11.8393%200.9666%2012.1607%200.9666%2012.4362%201.1002Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9932%208.3024L21.9863%205.7298L22.4362%205.9479C22.781%206.115%2023%206.4645%2023%206.8477L23%207.4574L13%2012.6097L13%2022C13%2022.5523%2012.5523%2023%2012%2023C11.8508%2023%2011.7015%2022.9666%2011.5638%2022.8998L11%2022.6265L11%2012.6097L1%207.4574L1%206.8477C1%206.4645%201.219%206.115%201.5638%205.9479L2.0137%205.7298L12%2010.8751L14.7906%209.4373L4.7362%204.41L7.0068%203.3093Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M23%2019L16%2019M19.2929%2015.7071L16%2019L19.2929%2022.2929%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/package-arrow-left-sharp-duotone.svg?color=%231a73e8&size=48
