package arrow up icon
package-arrow-up-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- package-arrow-up-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 up 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="M19 23L19 16M15.7071 19.2929L19 16L22.2929 19.2929"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsPackageArrowUpSharpDuotone(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="M19 23L19 16M15.7071 19.2929L19 16L22.2929 19.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="M19 23L19 16M15.7071 19.2929L19 16L22.2929 19.2929"/></g></svg> </template>
CSS
.icon-package-arrow-up-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%22M19%2023L19%2016M15.7071%2019.2929L19%2016L22.2929%2019.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%22M19%2023L19%2016M15.7071%2019.2929L19%2016L22.2929%2019.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-up-sharp-duotone.svg?color=%231a73e8&size=48
