package 03 icon
package-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- package-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
package-01package-02package-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-sentpackage-sent-01
Use the package 03 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-linejoin="round" stroke-width="1.5"><path d="M17.804 4.069L13.61 2.458C12.815 2.153 12.417 2 12 2s-.815.153-1.61.458l-4.194 1.61C4.066 4.888 3 5.297 3 6s1.065 1.113 3.196 1.931l4.195 1.611c.794.305 1.192.458 1.609.458s.815-.153 1.61-.458l4.194-1.61C19.934 7.112 21 6.703 21 6s-1.065-1.113-3.196-1.931"/><path d="M21 6v12c0 .704-1.065 1.113-3.196 1.931l-4.195 1.611c-.794.305-1.192.458-1.609.458s-.815-.153-1.61-.458l-4.194-1.61C4.066 19.112 3 18.703 3 18V6m9 4v12"/><path d="M16.5 4L7 8v2.5m-1.5 5.592v-.836c0-.696 0-1.043.225-1.194c.225-.15.54-.013 1.169.26l1.5.653c.294.128.44.192.523.319s.083.29.083.614v.836c0 .696 0 1.044-.225 1.194s-.54.013-1.169-.26l-1.5-.653c-.294-.128-.44-.192-.523-.319s-.083-.29-.083-.614"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPackage03(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" strokeLinejoin="round" strokeWidth="1.5"><path d="M17.804 4.069L13.61 2.458C12.815 2.153 12.417 2 12 2s-.815.153-1.61.458l-4.194 1.61C4.066 4.888 3 5.297 3 6s1.065 1.113 3.196 1.931l4.195 1.611c.794.305 1.192.458 1.609.458s.815-.153 1.61-.458l4.194-1.61C19.934 7.112 21 6.703 21 6s-1.065-1.113-3.196-1.931"/><path d="M21 6v12c0 .704-1.065 1.113-3.196 1.931l-4.195 1.611c-.794.305-1.192.458-1.609.458s-.815-.153-1.61-.458l-4.194-1.61C4.066 19.112 3 18.703 3 18V6m9 4v12"/><path d="M16.5 4L7 8v2.5m-1.5 5.592v-.836c0-.696 0-1.043.225-1.194c.225-.15.54-.013 1.169.26l1.5.653c.294.128.44.192.523.319s.083.29.083.614v.836c0 .696 0 1.044-.225 1.194s-.54.013-1.169-.26l-1.5-.653c-.294-.128-.44-.192-.523-.319s-.083-.29-.083-.614"/></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-linejoin="round" stroke-width="1.5"><path d="M17.804 4.069L13.61 2.458C12.815 2.153 12.417 2 12 2s-.815.153-1.61.458l-4.194 1.61C4.066 4.888 3 5.297 3 6s1.065 1.113 3.196 1.931l4.195 1.611c.794.305 1.192.458 1.609.458s.815-.153 1.61-.458l4.194-1.61C19.934 7.112 21 6.703 21 6s-1.065-1.113-3.196-1.931"/><path d="M21 6v12c0 .704-1.065 1.113-3.196 1.931l-4.195 1.611c-.794.305-1.192.458-1.609.458s-.815-.153-1.61-.458l-4.194-1.61C4.066 19.112 3 18.703 3 18V6m9 4v12"/><path d="M16.5 4L7 8v2.5m-1.5 5.592v-.836c0-.696 0-1.043.225-1.194c.225-.15.54-.013 1.169.26l1.5.653c.294.128.44.192.523.319s.083.29.083.614v.836c0 .696 0 1.044-.225 1.194s-.54.013-1.169-.26l-1.5-.653c-.294-.128-.44-.192-.523-.319s-.083-.29-.083-.614"/></g></svg> </template>
CSS
.icon-package-03 {
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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.804%204.069L13.61%202.458C12.815%202.153%2012.417%202%2012%202s-.815.153-1.61.458l-4.194%201.61C4.066%204.888%203%205.297%203%206s1.065%201.113%203.196%201.931l4.195%201.611c.794.305%201.192.458%201.609.458s.815-.153%201.61-.458l4.194-1.61C19.934%207.112%2021%206.703%2021%206s-1.065-1.113-3.196-1.931%22%2F%3E%3Cpath%20d%3D%22M21%206v12c0%20.704-1.065%201.113-3.196%201.931l-4.195%201.611c-.794.305-1.192.458-1.609.458s-.815-.153-1.61-.458l-4.194-1.61C4.066%2019.112%203%2018.703%203%2018V6m9%204v12%22%2F%3E%3Cpath%20d%3D%22M16.5%204L7%208v2.5m-1.5%205.592v-.836c0-.696%200-1.043.225-1.194c.225-.15.54-.013%201.169.26l1.5.653c.294.128.44.192.523.319s.083.29.083.614v.836c0%20.696%200%201.044-.225%201.194s-.54.013-1.169-.26l-1.5-.653c-.294-.128-.44-.192-.523-.319s-.083-.29-.083-.614%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.804%204.069L13.61%202.458C12.815%202.153%2012.417%202%2012%202s-.815.153-1.61.458l-4.194%201.61C4.066%204.888%203%205.297%203%206s1.065%201.113%203.196%201.931l4.195%201.611c.794.305%201.192.458%201.609.458s.815-.153%201.61-.458l4.194-1.61C19.934%207.112%2021%206.703%2021%206s-1.065-1.113-3.196-1.931%22%2F%3E%3Cpath%20d%3D%22M21%206v12c0%20.704-1.065%201.113-3.196%201.931l-4.195%201.611c-.794.305-1.192.458-1.609.458s-.815-.153-1.61-.458l-4.194-1.61C4.066%2019.112%203%2018.703%203%2018V6m9%204v12%22%2F%3E%3Cpath%20d%3D%22M16.5%204L7%208v2.5m-1.5%205.592v-.836c0-.696%200-1.043.225-1.194c.225-.15.54-.013%201.169.26l1.5.653c.294.128.44.192.523.319s.083.29.083.614v.836c0%20.696%200%201.044-.225%201.194s-.54.013-1.169-.26l-1.5-.653c-.294-.128-.44-.192-.523-.319s-.083-.29-.083-.614%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-03.svg?color=%231a73e8&size=48
