package alert icon
package-alert-sharp-duotone from Keyline Icons by Keyline Icons · Sharp Duotone · MIT Free for personal and commercial use.
- Name
- package-alert-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 alert 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 15L19 19"/><path fill="currentColor" d="M20 22C20 22.5523 19.5523 23 19 23C18.4477 23 18 22.5523 18 22C18 21.4477 18.4477 21 19 21C19.5523 21 20 21.4477 20 22Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsPackageAlertSharpDuotone(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 15L19 19"/><path fill="currentColor" d="M20 22C20 22.5523 19.5523 23 19 23C18.4477 23 18 22.5523 18 22C18 21.4477 18.4477 21 19 21C19.5523 21 20 21.4477 20 22Z" stroke="none"/></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 15L19 19"/><path fill="currentColor" d="M20 22C20 22.5523 19.5523 23 19 23C18.4477 23 18 22.5523 18 22C18 21.4477 18.4477 21 19 21C19.5523 21 20 21.4477 20 22Z" stroke="none"/></g></svg> </template>
CSS
.icon-package-alert-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%2015L19%2019%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2022C20%2022.5523%2019.5523%2023%2019%2023C18.4477%2023%2018%2022.5523%2018%2022C18%2021.4477%2018.4477%2021%2019%2021C19.5523%2021%2020%2021.4477%2020%2022Z%22%20stroke%3D%22none%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%2015L19%2019%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2022C20%2022.5523%2019.5523%2023%2019%2023C18.4477%2023%2018%2022.5523%2018%2022C18%2021.4477%2018.4477%2021%2019%2021C19.5523%2021%2020%2021.4477%2020%2022Z%22%20stroke%3D%22none%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-alert-sharp-duotone.svg?color=%231a73e8&size=48
