package emoji
package from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- package
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
packageBoxIcons v2packageBoxIcons v2 SolidpackageCarbonpackageCodiconspackageEmoji One (Colored)packageFeather IconspackageFluent EmojipackageFluent Emoji High ContrastpackageFirefox OS EmojipackageHuge IconspackageHumbleiconspackageIconoirpackageLucidepackageMaterial SymbolspackageMaterial Symbols LightpackageMaterial Design Iconspackage-fillMingCute IconpackageMyna UI IconspackageNoto EmojipackageOcticonspackageOpenMojipackagePhosphorpackagePixelarticonspackageStreamline Emojis
More objects icons from Fluent Emoji Flat
Use the package emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3c07b" d="M15.35 2.143c.32-.19.71-.19 1.02 0l10.92 6.64c.26.16.42.45.42.75L15.86 17.5L4 9.632v-.1c0-.3.16-.59.42-.74z"/><path fill="#ffce7c" d="m15.856 16.246l11.36-6.9a.328.328 0 0 1 .496.282v12.34a1.73 1.73 0 0 1-.83 1.48l-10.64 6.46a.3.3 0 0 1-.087.03a.3.3 0 0 1-.083.011a.9.9 0 0 1-.682-.083h.006L13 19z"/><path fill="#e19747" d="M15.86 29.622v-13.37l-11.35-6.9a.331.331 0 0 0-.51.28v12.34c0 .61.32 1.17.83 1.48l10.57 6.42a.3.3 0 0 0 .46-.25"/><path fill="#d3d3d3" d="M14.5 26.782v-1.96c0-.23-.12-.44-.31-.56l-2.8-1.69c-.19-.11-.43.02-.43.24v1.96c0 .23.12.44.31.56l2.8 1.69c.19.11.43-.02.43-.24"/><path fill="#8c5543" d="M11.76 16.553v-4.56l-3.28-.22v3.16c0 .1.05.2.14.26l2.68 1.63c.2.11.46-.03.46-.27"/><path fill="#a56953" d="m20.34 4.563l-11.86 7.21l3.28 2l11.86-7.2z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatPackage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3c07b" d="M15.35 2.143c.32-.19.71-.19 1.02 0l10.92 6.64c.26.16.42.45.42.75L15.86 17.5L4 9.632v-.1c0-.3.16-.59.42-.74z"/><path fill="#ffce7c" d="m15.856 16.246l11.36-6.9a.328.328 0 0 1 .496.282v12.34a1.73 1.73 0 0 1-.83 1.48l-10.64 6.46a.3.3 0 0 1-.087.03a.3.3 0 0 1-.083.011a.9.9 0 0 1-.682-.083h.006L13 19z"/><path fill="#e19747" d="M15.86 29.622v-13.37l-11.35-6.9a.331.331 0 0 0-.51.28v12.34c0 .61.32 1.17.83 1.48l10.57 6.42a.3.3 0 0 0 .46-.25"/><path fill="#d3d3d3" d="M14.5 26.782v-1.96c0-.23-.12-.44-.31-.56l-2.8-1.69c-.19-.11-.43.02-.43.24v1.96c0 .23.12.44.31.56l2.8 1.69c.19.11.43-.02.43-.24"/><path fill="#8c5543" d="M11.76 16.553v-4.56l-3.28-.22v3.16c0 .1.05.2.14.26l2.68 1.63c.2.11.46-.03.46-.27"/><path fill="#a56953" d="m20.34 4.563l-11.86 7.21l3.28 2l11.86-7.2z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3c07b" d="M15.35 2.143c.32-.19.71-.19 1.02 0l10.92 6.64c.26.16.42.45.42.75L15.86 17.5L4 9.632v-.1c0-.3.16-.59.42-.74z"/><path fill="#ffce7c" d="m15.856 16.246l11.36-6.9a.328.328 0 0 1 .496.282v12.34a1.73 1.73 0 0 1-.83 1.48l-10.64 6.46a.3.3 0 0 1-.087.03a.3.3 0 0 1-.083.011a.9.9 0 0 1-.682-.083h.006L13 19z"/><path fill="#e19747" d="M15.86 29.622v-13.37l-11.35-6.9a.331.331 0 0 0-.51.28v12.34c0 .61.32 1.17.83 1.48l10.57 6.42a.3.3 0 0 0 .46-.25"/><path fill="#d3d3d3" d="M14.5 26.782v-1.96c0-.23-.12-.44-.31-.56l-2.8-1.69c-.19-.11-.43.02-.43.24v1.96c0 .23.12.44.31.56l2.8 1.69c.19.11.43-.02.43-.24"/><path fill="#8c5543" d="M11.76 16.553v-4.56l-3.28-.22v3.16c0 .1.05.2.14.26l2.68 1.63c.2.11.46-.03.46-.27"/><path fill="#a56953" d="m20.34 4.563l-11.86 7.21l3.28 2l11.86-7.2z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3c07b%22%20d%3D%22M15.35%202.143c.32-.19.71-.19%201.02%200l10.92%206.64c.26.16.42.45.42.75L15.86%2017.5L4%209.632v-.1c0-.3.16-.59.42-.74z%22%2F%3E%3Cpath%20fill%3D%22%23ffce7c%22%20d%3D%22m15.856%2016.246l11.36-6.9a.328.328%200%200%201%20.496.282v12.34a1.73%201.73%200%200%201-.83%201.48l-10.64%206.46a.3.3%200%200%201-.087.03a.3.3%200%200%201-.083.011a.9.9%200%200%201-.682-.083h.006L13%2019z%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M15.86%2029.622v-13.37l-11.35-6.9a.331.331%200%200%200-.51.28v12.34c0%20.61.32%201.17.83%201.48l10.57%206.42a.3.3%200%200%200%20.46-.25%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14.5%2026.782v-1.96c0-.23-.12-.44-.31-.56l-2.8-1.69c-.19-.11-.43.02-.43.24v1.96c0%20.23.12.44.31.56l2.8%201.69c.19.11.43-.02.43-.24%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M11.76%2016.553v-4.56l-3.28-.22v3.16c0%20.1.05.2.14.26l2.68%201.63c.2.11.46-.03.46-.27%22%2F%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22m20.34%204.563l-11.86%207.21l3.28%202l11.86-7.2z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3c07b%22%20d%3D%22M15.35%202.143c.32-.19.71-.19%201.02%200l10.92%206.64c.26.16.42.45.42.75L15.86%2017.5L4%209.632v-.1c0-.3.16-.59.42-.74z%22%2F%3E%3Cpath%20fill%3D%22%23ffce7c%22%20d%3D%22m15.856%2016.246l11.36-6.9a.328.328%200%200%201%20.496.282v12.34a1.73%201.73%200%200%201-.83%201.48l-10.64%206.46a.3.3%200%200%201-.087.03a.3.3%200%200%201-.083.011a.9.9%200%200%201-.682-.083h.006L13%2019z%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M15.86%2029.622v-13.37l-11.35-6.9a.331.331%200%200%200-.51.28v12.34c0%20.61.32%201.17.83%201.48l10.57%206.42a.3.3%200%200%200%20.46-.25%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14.5%2026.782v-1.96c0-.23-.12-.44-.31-.56l-2.8-1.69c-.19-.11-.43.02-.43.24v1.96c0%20.23.12.44.31.56l2.8%201.69c.19.11.43-.02.43-.24%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M11.76%2016.553v-4.56l-3.28-.22v3.16c0%20.1.05.2.14.26l2.68%201.63c.2.11.46-.03.46-.27%22%2F%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22m20.34%204.563l-11.86%207.21l3.28%202l11.86-7.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/package.svg?color=%231a73e8&size=48
