package emoji
package from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- package
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
packageBoxIcons v2packageBoxIcons v2 SolidpackageCarbonpackageCodiconspackageEmoji One (Colored)packageFeather IconspackageFluent EmojipackageFluent Emoji FlatpackageFluent Emoji High ContrastpackageHuge IconspackageHumbleiconspackageIconoirpackageLucidepackageMaterial SymbolspackageMaterial Symbols LightpackageMaterial Design Iconspackage-fillMingCute IconpackageMyna UI IconspackageNoto EmojipackageOcticonspackageOpenMojipackagePhosphorpackagePixelarticonspackageStreamline Emojis
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the package emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#AF773F" d="M502.218 427.96H173.435V91.976h328.783a7.2 7.2 0 0 1 7.2 7.2V420.76a7.2 7.2 0 0 1-7.2 7.2"/><path fill="#E5AA6E" d="M335.983 427.96H7.2a7.2 7.2 0 0 1-7.2-7.2V99.176a7.2 7.2 0 0 1 7.2-7.2h328.783z"/><path fill="#332A23" d="M201.019 231.489h-66.055c-13.495 0-24.436-10.94-24.436-24.436c0-13.495 10.94-24.436 24.436-24.436h66.055c13.495 0 24.436 10.94 24.436 24.436s-10.94 24.436-24.436 24.436"/><path fill="#3F6072" d="M207.592 141.397a7.604 7.604 0 0 1-7.604 7.604h-63.993a7.604 7.604 0 0 1-7.604-7.604v-49.42h79.2v49.42zm-79.2 286.563h79.2v-49.42a7.604 7.604 0 0 0-7.604-7.604h-63.993a7.604 7.604 0 0 0-7.604 7.604v49.42z"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiPackage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#AF773F" d="M502.218 427.96H173.435V91.976h328.783a7.2 7.2 0 0 1 7.2 7.2V420.76a7.2 7.2 0 0 1-7.2 7.2"/><path fill="#E5AA6E" d="M335.983 427.96H7.2a7.2 7.2 0 0 1-7.2-7.2V99.176a7.2 7.2 0 0 1 7.2-7.2h328.783z"/><path fill="#332A23" d="M201.019 231.489h-66.055c-13.495 0-24.436-10.94-24.436-24.436c0-13.495 10.94-24.436 24.436-24.436h66.055c13.495 0 24.436 10.94 24.436 24.436s-10.94 24.436-24.436 24.436"/><path fill="#3F6072" d="M207.592 141.397a7.604 7.604 0 0 1-7.604 7.604h-63.993a7.604 7.604 0 0 1-7.604-7.604v-49.42h79.2v49.42zm-79.2 286.563h79.2v-49.42a7.604 7.604 0 0 0-7.604-7.604h-63.993a7.604 7.604 0 0 0-7.604 7.604v49.42z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#AF773F" d="M502.218 427.96H173.435V91.976h328.783a7.2 7.2 0 0 1 7.2 7.2V420.76a7.2 7.2 0 0 1-7.2 7.2"/><path fill="#E5AA6E" d="M335.983 427.96H7.2a7.2 7.2 0 0 1-7.2-7.2V99.176a7.2 7.2 0 0 1 7.2-7.2h328.783z"/><path fill="#332A23" d="M201.019 231.489h-66.055c-13.495 0-24.436-10.94-24.436-24.436c0-13.495 10.94-24.436 24.436-24.436h66.055c13.495 0 24.436 10.94 24.436 24.436s-10.94 24.436-24.436 24.436"/><path fill="#3F6072" d="M207.592 141.397a7.604 7.604 0 0 1-7.604 7.604h-63.993a7.604 7.604 0 0 1-7.604-7.604v-49.42h79.2v49.42zm-79.2 286.563h79.2v-49.42a7.604 7.604 0 0 0-7.604-7.604h-63.993a7.604 7.604 0 0 0-7.604 7.604v49.42z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%23AF773F%22%20d%3D%22M502.218%20427.96H173.435V91.976h328.783a7.2%207.2%200%200%201%207.2%207.2V420.76a7.2%207.2%200%200%201-7.2%207.2%22%2F%3E%3Cpath%20fill%3D%22%23E5AA6E%22%20d%3D%22M335.983%20427.96H7.2a7.2%207.2%200%200%201-7.2-7.2V99.176a7.2%207.2%200%200%201%207.2-7.2h328.783z%22%2F%3E%3Cpath%20fill%3D%22%23332A23%22%20d%3D%22M201.019%20231.489h-66.055c-13.495%200-24.436-10.94-24.436-24.436c0-13.495%2010.94-24.436%2024.436-24.436h66.055c13.495%200%2024.436%2010.94%2024.436%2024.436s-10.94%2024.436-24.436%2024.436%22%2F%3E%3Cpath%20fill%3D%22%233F6072%22%20d%3D%22M207.592%20141.397a7.604%207.604%200%200%201-7.604%207.604h-63.993a7.604%207.604%200%200%201-7.604-7.604v-49.42h79.2v49.42zm-79.2%20286.563h79.2v-49.42a7.604%207.604%200%200%200-7.604-7.604h-63.993a7.604%207.604%200%200%200-7.604%207.604v49.42z%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23AF773F%22%20d%3D%22M502.218%20427.96H173.435V91.976h328.783a7.2%207.2%200%200%201%207.2%207.2V420.76a7.2%207.2%200%200%201-7.2%207.2%22%2F%3E%3Cpath%20fill%3D%22%23E5AA6E%22%20d%3D%22M335.983%20427.96H7.2a7.2%207.2%200%200%201-7.2-7.2V99.176a7.2%207.2%200%200%201%207.2-7.2h328.783z%22%2F%3E%3Cpath%20fill%3D%22%23332A23%22%20d%3D%22M201.019%20231.489h-66.055c-13.495%200-24.436-10.94-24.436-24.436c0-13.495%2010.94-24.436%2024.436-24.436h66.055c13.495%200%2024.436%2010.94%2024.436%2024.436s-10.94%2024.436-24.436%2024.436%22%2F%3E%3Cpath%20fill%3D%22%233F6072%22%20d%3D%22M207.592%20141.397a7.604%207.604%200%200%201-7.604%207.604h-63.993a7.604%207.604%200%200%201-7.604-7.604v-49.42h79.2v49.42zm-79.2%20286.563h79.2v-49.42a7.604%207.604%200%200%200-7.604-7.604h-63.993a7.604%207.604%200%200%200-7.604%207.604v49.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/package.svg?color=%231a73e8&size=48
