package emoji
package from Streamline Emojis by Streamline · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- package
- Set
- Streamline Emojis
- Style
- Default
- Category
- Objects
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
packageBoxIcons v2packageBoxIcons v2 SolidpackageCarbonpackageCodiconspackageEmoji One (Colored)packageFeather IconspackageFluent EmojipackageFluent Emoji FlatpackageFluent Emoji High ContrastpackageFirefox OS EmojipackageHuge IconspackageHumbleiconspackageIconoirpackageLucidepackageMaterial SymbolspackageMaterial Symbols LightpackageMaterial Design Iconspackage-fillMingCute IconpackageMyna UI IconspackageNoto EmojipackageOcticonspackageOpenMojipackagePhosphorpackagePixelarticons
More objects icons from Streamline Emojis
Use the package emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.75 43.01a15.25 1.99 0 1 0 30.5 0a15.25 1.99 0 1 0-30.5 0" opacity=".15"/><path fill="#f0d5a8" d="m5.78 36l16.74 6.7A4 4 0 0 0 24 43V20.75L4.63 13a2.68 2.68 0 0 0-.52 1.59v19A2.65 2.65 0 0 0 5.78 36"/><path fill="#debb7e" d="M5.78 31a2.64 2.64 0 0 1-1.67-2.46v5A2.65 2.65 0 0 0 5.78 36l16.74 6.7A4 4 0 0 0 24 43v-5a4 4 0 0 1-1.48-.29Z"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="m5.78 36l16.74 6.7A4 4 0 0 0 24 43V20.75L4.63 13a2.68 2.68 0 0 0-.52 1.59v19A2.65 2.65 0 0 0 5.78 36Z"/><path fill="#f0d5a8" d="M42.22 36a2.65 2.65 0 0 0 1.67-2.46V14.59a2.68 2.68 0 0 0-.52-1.59L24 20.75V43a4 4 0 0 0 1.48-.29Z"/><path fill="#debb7e" d="m42.22 31.22l-16.74 6.7a4 4 0 0 1-1.48.28V43a4 4 0 0 0 1.48-.29L42.22 36a2.65 2.65 0 0 0 1.67-2.46v-4.78a2.65 2.65 0 0 1-1.67 2.46"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="M42.22 36a2.65 2.65 0 0 0 1.67-2.46V14.59a2.68 2.68 0 0 0-.52-1.59L24 20.75V43a4 4 0 0 0 1.48-.29Z"/><path fill="#f0d5a8" d="M42.22 12.12L25.48 5.43a4 4 0 0 0-3 0l-16.7 6.69a2.73 2.73 0 0 0-1.15.88L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88"/><path fill="#debb7e" d="m42.22 12.12l-.56-.22l-2-.79l-9.14 3.66a17.65 17.65 0 0 1-13.1 0l-9.11-3.66l-2.53 1a2.73 2.73 0 0 0-1.15.89L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="M42.22 12.12L25.48 5.43a4 4 0 0 0-3 0l-16.7 6.69a2.73 2.73 0 0 0-1.15.88L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88Z"/><path fill="#fff" stroke="#4f4b45" stroke-linejoin="round" d="m33.41 27.49l-5.73 2.29v-6.49L33.41 21z"/><path fill="#fff5e3" d="m17.2 18.03l19.89-7.96l-6.13-2.45l-19.89 7.96z"/><path fill="#f7e5c6" d="m17.45 14.77l-2.18-.87l-4.2 1.68L17.2 18l5.19-2a17.8 17.8 0 0 1-4.94-1.23"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="m17.2 18.03l19.89-7.96l-6.13-2.45l-19.89 7.96z"/><path fill="#fff5e3" stroke="#4f4b45" stroke-linejoin="round" d="M11.07 15.58v5.17l6.16 2.46l-.03-5.18z"/><path fill="#f7e5c6" stroke="#4f4b45" stroke-linejoin="round" d="M11.07 34.34v3.81l6.16 2.47l-.03-3.82z"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisPackage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.75 43.01a15.25 1.99 0 1 0 30.5 0a15.25 1.99 0 1 0-30.5 0" opacity=".15"/><path fill="#f0d5a8" d="m5.78 36l16.74 6.7A4 4 0 0 0 24 43V20.75L4.63 13a2.68 2.68 0 0 0-.52 1.59v19A2.65 2.65 0 0 0 5.78 36"/><path fill="#debb7e" d="M5.78 31a2.64 2.64 0 0 1-1.67-2.46v5A2.65 2.65 0 0 0 5.78 36l16.74 6.7A4 4 0 0 0 24 43v-5a4 4 0 0 1-1.48-.29Z"/><path fill="none" stroke="#4f4b45" strokeLinejoin="round" d="m5.78 36l16.74 6.7A4 4 0 0 0 24 43V20.75L4.63 13a2.68 2.68 0 0 0-.52 1.59v19A2.65 2.65 0 0 0 5.78 36Z"/><path fill="#f0d5a8" d="M42.22 36a2.65 2.65 0 0 0 1.67-2.46V14.59a2.68 2.68 0 0 0-.52-1.59L24 20.75V43a4 4 0 0 0 1.48-.29Z"/><path fill="#debb7e" d="m42.22 31.22l-16.74 6.7a4 4 0 0 1-1.48.28V43a4 4 0 0 0 1.48-.29L42.22 36a2.65 2.65 0 0 0 1.67-2.46v-4.78a2.65 2.65 0 0 1-1.67 2.46"/><path fill="none" stroke="#4f4b45" strokeLinejoin="round" d="M42.22 36a2.65 2.65 0 0 0 1.67-2.46V14.59a2.68 2.68 0 0 0-.52-1.59L24 20.75V43a4 4 0 0 0 1.48-.29Z"/><path fill="#f0d5a8" d="M42.22 12.12L25.48 5.43a4 4 0 0 0-3 0l-16.7 6.69a2.73 2.73 0 0 0-1.15.88L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88"/><path fill="#debb7e" d="m42.22 12.12l-.56-.22l-2-.79l-9.14 3.66a17.65 17.65 0 0 1-13.1 0l-9.11-3.66l-2.53 1a2.73 2.73 0 0 0-1.15.89L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88"/><path fill="none" stroke="#4f4b45" strokeLinejoin="round" d="M42.22 12.12L25.48 5.43a4 4 0 0 0-3 0l-16.7 6.69a2.73 2.73 0 0 0-1.15.88L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88Z"/><path fill="#fff" stroke="#4f4b45" strokeLinejoin="round" d="m33.41 27.49l-5.73 2.29v-6.49L33.41 21z"/><path fill="#fff5e3" d="m17.2 18.03l19.89-7.96l-6.13-2.45l-19.89 7.96z"/><path fill="#f7e5c6" d="m17.45 14.77l-2.18-.87l-4.2 1.68L17.2 18l5.19-2a17.8 17.8 0 0 1-4.94-1.23"/><path fill="none" stroke="#4f4b45" strokeLinejoin="round" d="m17.2 18.03l19.89-7.96l-6.13-2.45l-19.89 7.96z"/><path fill="#fff5e3" stroke="#4f4b45" strokeLinejoin="round" d="M11.07 15.58v5.17l6.16 2.46l-.03-5.18z"/><path fill="#f7e5c6" stroke="#4f4b45" strokeLinejoin="round" d="M11.07 34.34v3.81l6.16 2.47l-.03-3.82z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.75 43.01a15.25 1.99 0 1 0 30.5 0a15.25 1.99 0 1 0-30.5 0" opacity=".15"/><path fill="#f0d5a8" d="m5.78 36l16.74 6.7A4 4 0 0 0 24 43V20.75L4.63 13a2.68 2.68 0 0 0-.52 1.59v19A2.65 2.65 0 0 0 5.78 36"/><path fill="#debb7e" d="M5.78 31a2.64 2.64 0 0 1-1.67-2.46v5A2.65 2.65 0 0 0 5.78 36l16.74 6.7A4 4 0 0 0 24 43v-5a4 4 0 0 1-1.48-.29Z"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="m5.78 36l16.74 6.7A4 4 0 0 0 24 43V20.75L4.63 13a2.68 2.68 0 0 0-.52 1.59v19A2.65 2.65 0 0 0 5.78 36Z"/><path fill="#f0d5a8" d="M42.22 36a2.65 2.65 0 0 0 1.67-2.46V14.59a2.68 2.68 0 0 0-.52-1.59L24 20.75V43a4 4 0 0 0 1.48-.29Z"/><path fill="#debb7e" d="m42.22 31.22l-16.74 6.7a4 4 0 0 1-1.48.28V43a4 4 0 0 0 1.48-.29L42.22 36a2.65 2.65 0 0 0 1.67-2.46v-4.78a2.65 2.65 0 0 1-1.67 2.46"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="M42.22 36a2.65 2.65 0 0 0 1.67-2.46V14.59a2.68 2.68 0 0 0-.52-1.59L24 20.75V43a4 4 0 0 0 1.48-.29Z"/><path fill="#f0d5a8" d="M42.22 12.12L25.48 5.43a4 4 0 0 0-3 0l-16.7 6.69a2.73 2.73 0 0 0-1.15.88L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88"/><path fill="#debb7e" d="m42.22 12.12l-.56-.22l-2-.79l-9.14 3.66a17.65 17.65 0 0 1-13.1 0l-9.11-3.66l-2.53 1a2.73 2.73 0 0 0-1.15.89L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="M42.22 12.12L25.48 5.43a4 4 0 0 0-3 0l-16.7 6.69a2.73 2.73 0 0 0-1.15.88L24 20.75L43.37 13a2.73 2.73 0 0 0-1.15-.88Z"/><path fill="#fff" stroke="#4f4b45" stroke-linejoin="round" d="m33.41 27.49l-5.73 2.29v-6.49L33.41 21z"/><path fill="#fff5e3" d="m17.2 18.03l19.89-7.96l-6.13-2.45l-19.89 7.96z"/><path fill="#f7e5c6" d="m17.45 14.77l-2.18-.87l-4.2 1.68L17.2 18l5.19-2a17.8 17.8 0 0 1-4.94-1.23"/><path fill="none" stroke="#4f4b45" stroke-linejoin="round" d="m17.2 18.03l19.89-7.96l-6.13-2.45l-19.89 7.96z"/><path fill="#fff5e3" stroke="#4f4b45" stroke-linejoin="round" d="M11.07 15.58v5.17l6.16 2.46l-.03-5.18z"/><path fill="#f7e5c6" stroke="#4f4b45" stroke-linejoin="round" d="M11.07 34.34v3.81l6.16 2.47l-.03-3.82z"/></svg> </template>
CSS
.icon-package {
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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.75%2043.01a15.25%201.99%200%201%200%2030.5%200a15.25%201.99%200%201%200-30.5%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22m5.78%2036l16.74%206.7A4%204%200%200%200%2024%2043V20.75L4.63%2013a2.68%202.68%200%200%200-.52%201.59v19A2.65%202.65%200%200%200%205.78%2036%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22M5.78%2031a2.64%202.64%200%200%201-1.67-2.46v5A2.65%202.65%200%200%200%205.78%2036l16.74%206.7A4%204%200%200%200%2024%2043v-5a4%204%200%200%201-1.48-.29Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22m5.78%2036l16.74%206.7A4%204%200%200%200%2024%2043V20.75L4.63%2013a2.68%202.68%200%200%200-.52%201.59v19A2.65%202.65%200%200%200%205.78%2036Z%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22M42.22%2036a2.65%202.65%200%200%200%201.67-2.46V14.59a2.68%202.68%200%200%200-.52-1.59L24%2020.75V43a4%204%200%200%200%201.48-.29Z%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22m42.22%2031.22l-16.74%206.7a4%204%200%200%201-1.48.28V43a4%204%200%200%200%201.48-.29L42.22%2036a2.65%202.65%200%200%200%201.67-2.46v-4.78a2.65%202.65%200%200%201-1.67%202.46%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M42.22%2036a2.65%202.65%200%200%200%201.67-2.46V14.59a2.68%202.68%200%200%200-.52-1.59L24%2020.75V43a4%204%200%200%200%201.48-.29Z%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22M42.22%2012.12L25.48%205.43a4%204%200%200%200-3%200l-16.7%206.69a2.73%202.73%200%200%200-1.15.88L24%2020.75L43.37%2013a2.73%202.73%200%200%200-1.15-.88%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22m42.22%2012.12l-.56-.22l-2-.79l-9.14%203.66a17.65%2017.65%200%200%201-13.1%200l-9.11-3.66l-2.53%201a2.73%202.73%200%200%200-1.15.89L24%2020.75L43.37%2013a2.73%202.73%200%200%200-1.15-.88%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M42.22%2012.12L25.48%205.43a4%204%200%200%200-3%200l-16.7%206.69a2.73%202.73%200%200%200-1.15.88L24%2020.75L43.37%2013a2.73%202.73%200%200%200-1.15-.88Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22m33.41%2027.49l-5.73%202.29v-6.49L33.41%2021z%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22m17.2%2018.03l19.89-7.96l-6.13-2.45l-19.89%207.96z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22m17.45%2014.77l-2.18-.87l-4.2%201.68L17.2%2018l5.19-2a17.8%2017.8%200%200%201-4.94-1.23%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22m17.2%2018.03l19.89-7.96l-6.13-2.45l-19.89%207.96z%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.07%2015.58v5.17l6.16%202.46l-.03-5.18z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.07%2034.34v3.81l6.16%202.47l-.03-3.82z%22%2F%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.75%2043.01a15.25%201.99%200%201%200%2030.5%200a15.25%201.99%200%201%200-30.5%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22m5.78%2036l16.74%206.7A4%204%200%200%200%2024%2043V20.75L4.63%2013a2.68%202.68%200%200%200-.52%201.59v19A2.65%202.65%200%200%200%205.78%2036%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22M5.78%2031a2.64%202.64%200%200%201-1.67-2.46v5A2.65%202.65%200%200%200%205.78%2036l16.74%206.7A4%204%200%200%200%2024%2043v-5a4%204%200%200%201-1.48-.29Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22m5.78%2036l16.74%206.7A4%204%200%200%200%2024%2043V20.75L4.63%2013a2.68%202.68%200%200%200-.52%201.59v19A2.65%202.65%200%200%200%205.78%2036Z%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22M42.22%2036a2.65%202.65%200%200%200%201.67-2.46V14.59a2.68%202.68%200%200%200-.52-1.59L24%2020.75V43a4%204%200%200%200%201.48-.29Z%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22m42.22%2031.22l-16.74%206.7a4%204%200%200%201-1.48.28V43a4%204%200%200%200%201.48-.29L42.22%2036a2.65%202.65%200%200%200%201.67-2.46v-4.78a2.65%202.65%200%200%201-1.67%202.46%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M42.22%2036a2.65%202.65%200%200%200%201.67-2.46V14.59a2.68%202.68%200%200%200-.52-1.59L24%2020.75V43a4%204%200%200%200%201.48-.29Z%22%2F%3E%3Cpath%20fill%3D%22%23f0d5a8%22%20d%3D%22M42.22%2012.12L25.48%205.43a4%204%200%200%200-3%200l-16.7%206.69a2.73%202.73%200%200%200-1.15.88L24%2020.75L43.37%2013a2.73%202.73%200%200%200-1.15-.88%22%2F%3E%3Cpath%20fill%3D%22%23debb7e%22%20d%3D%22m42.22%2012.12l-.56-.22l-2-.79l-9.14%203.66a17.65%2017.65%200%200%201-13.1%200l-9.11-3.66l-2.53%201a2.73%202.73%200%200%200-1.15.89L24%2020.75L43.37%2013a2.73%202.73%200%200%200-1.15-.88%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M42.22%2012.12L25.48%205.43a4%204%200%200%200-3%200l-16.7%206.69a2.73%202.73%200%200%200-1.15.88L24%2020.75L43.37%2013a2.73%202.73%200%200%200-1.15-.88Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22m33.41%2027.49l-5.73%202.29v-6.49L33.41%2021z%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20d%3D%22m17.2%2018.03l19.89-7.96l-6.13-2.45l-19.89%207.96z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20d%3D%22m17.45%2014.77l-2.18-.87l-4.2%201.68L17.2%2018l5.19-2a17.8%2017.8%200%200%201-4.94-1.23%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22m17.2%2018.03l19.89-7.96l-6.13-2.45l-19.89%207.96z%22%2F%3E%3Cpath%20fill%3D%22%23fff5e3%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.07%2015.58v5.17l6.16%202.46l-.03-5.18z%22%2F%3E%3Cpath%20fill%3D%22%23f7e5c6%22%20stroke%3D%22%234f4b45%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.07%2034.34v3.81l6.16%202.47l-.03-3.82z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/package.svg?color=%231a73e8&size=48
