package sent icon
package-sent from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- package-sent
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
package-01package-02package-03package-04package-addpackage-checkpackage-deliveredpackage-delivered-01package-dimensions-01package-dimensions-02package-minuspackage-movingpackage-moving-01package-openpackage-out-of-stockpackage-pluspackage-processpackage-process-01package-receivepackage-receive-01package-removepackage-searchpackage-search-01package-sent-01
Use the package sent 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-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M12 22c-.818 0-1.6-.33-3.163-.988C4.946 19.373 3 18.554 3 17.175V7.542M12 22c.818 0 1.6-.33 3.163-.988C19.054 19.373 21 18.554 21 17.175V7.542M12 22v-9.97M3 7.541c0 .613.802 1 2.405 1.773l2.92 1.41c1.804.87 2.705 1.304 3.675 1.304M3 7.542c0-.612.802-.999 2.405-1.772L7 5m14 2.542c0 .613-.802 1-2.405 1.773l-2.92 1.41c-1.804.87-2.705 1.304-3.675 1.304m9-4.487c0-.612-.802-.999-2.405-1.772l-1.55-.748M6 13.026l2 .997"/><path d="M11.996 9V2m0 0c-.263-.004-.522.18-.714.405L10 3.938M11.996 2c.254.003.511.186.714.405L14 3.938"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPackageSent(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" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M12 22c-.818 0-1.6-.33-3.163-.988C4.946 19.373 3 18.554 3 17.175V7.542M12 22c.818 0 1.6-.33 3.163-.988C19.054 19.373 21 18.554 21 17.175V7.542M12 22v-9.97M3 7.541c0 .613.802 1 2.405 1.773l2.92 1.41c1.804.87 2.705 1.304 3.675 1.304M3 7.542c0-.612.802-.999 2.405-1.772L7 5m14 2.542c0 .613-.802 1-2.405 1.773l-2.92 1.41c-1.804.87-2.705 1.304-3.675 1.304m9-4.487c0-.612-.802-.999-2.405-1.772l-1.55-.748M6 13.026l2 .997"/><path d="M11.996 9V2m0 0c-.263-.004-.522.18-.714.405L10 3.938M11.996 2c.254.003.511.186.714.405L14 3.938"/></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-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M12 22c-.818 0-1.6-.33-3.163-.988C4.946 19.373 3 18.554 3 17.175V7.542M12 22c.818 0 1.6-.33 3.163-.988C19.054 19.373 21 18.554 21 17.175V7.542M12 22v-9.97M3 7.541c0 .613.802 1 2.405 1.773l2.92 1.41c1.804.87 2.705 1.304 3.675 1.304M3 7.542c0-.612.802-.999 2.405-1.772L7 5m14 2.542c0 .613-.802 1-2.405 1.773l-2.92 1.41c-1.804.87-2.705 1.304-3.675 1.304m9-4.487c0-.612-.802-.999-2.405-1.772l-1.55-.748M6 13.026l2 .997"/><path d="M11.996 9V2m0 0c-.263-.004-.522.18-.714.405L10 3.938M11.996 2c.254.003.511.186.714.405L14 3.938"/></g></svg> </template>
CSS
.icon-package-sent {
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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2022c-.818%200-1.6-.33-3.163-.988C4.946%2019.373%203%2018.554%203%2017.175V7.542M12%2022c.818%200%201.6-.33%203.163-.988C19.054%2019.373%2021%2018.554%2021%2017.175V7.542M12%2022v-9.97M3%207.541c0%20.613.802%201%202.405%201.773l2.92%201.41c1.804.87%202.705%201.304%203.675%201.304M3%207.542c0-.612.802-.999%202.405-1.772L7%205m14%202.542c0%20.613-.802%201-2.405%201.773l-2.92%201.41c-1.804.87-2.705%201.304-3.675%201.304m9-4.487c0-.612-.802-.999-2.405-1.772l-1.55-.748M6%2013.026l2%20.997%22%2F%3E%3Cpath%20d%3D%22M11.996%209V2m0%200c-.263-.004-.522.18-.714.405L10%203.938M11.996%202c.254.003.511.186.714.405L14%203.938%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2022c-.818%200-1.6-.33-3.163-.988C4.946%2019.373%203%2018.554%203%2017.175V7.542M12%2022c.818%200%201.6-.33%203.163-.988C19.054%2019.373%2021%2018.554%2021%2017.175V7.542M12%2022v-9.97M3%207.541c0%20.613.802%201%202.405%201.773l2.92%201.41c1.804.87%202.705%201.304%203.675%201.304M3%207.542c0-.612.802-.999%202.405-1.772L7%205m14%202.542c0%20.613-.802%201-2.405%201.773l-2.92%201.41c-1.804.87-2.705%201.304-3.675%201.304m9-4.487c0-.612-.802-.999-2.405-1.772l-1.55-.748M6%2013.026l2%20.997%22%2F%3E%3Cpath%20d%3D%22M11.996%209V2m0%200c-.263-.004-.522.18-.714.405L10%203.938M11.996%202c.254.003.511.186.714.405L14%203.938%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/package-sent.svg?color=%231a73e8&size=48
