package emoji
package from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- package
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- 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 Twitter Emoji
Use the package emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#662113" d="M4 11v12.375c0 2.042 1.093 2.484 1.093 2.484l11.574 9.099C18.489 36.39 18 33.375 18 33.375V22z"/><path fill="#c1694f" d="M32 11v12.375c0 2.042-1.063 2.484-1.063 2.484s-9.767 7.667-11.588 9.099C17.526 36.39 18 33.375 18 33.375V22z"/><path fill="#d99e82" d="M19.289.5c-.753-.61-1.988-.61-2.742 0L4.565 10.029c-.754.61-.754 1.607 0 2.216l12.023 9.646c.754.609 1.989.609 2.743 0l12.104-9.73c.754-.609.754-1.606 0-2.216z"/><path fill="#d99e82" d="M18 35.75c-.552 0-1-.482-1-1.078V21.745c0-.596.448-1.078 1-1.078c.553 0 1 .482 1 1.078v12.927c0 .596-.447 1.078-1 1.078"/><path fill="#99aab5" d="M28 18.836c0 1.104.104 1.646-1 2.442l-2.469 1.878c-1.104.797-1.531.113-1.531-.992v-2.961c0-.193-.026-.4-.278-.608C20.144 16.47 10.134 8.519 8.31 7.051l4.625-3.678c1.266.926 10.753 8.252 14.722 11.377c.197.156.343.328.343.516z"/><path fill="#ccd6dd" d="M27.656 14.75C23.688 11.625 14.201 4.299 12.935 3.373l-1.721 1.368l-2.904 2.31c1.825 1.468 11.834 9.419 14.412 11.544a.7.7 0 0 1 .248.371L27.903 15a1.2 1.2 0 0 0-.247-.25"/><path fill="#ccd6dd" d="M28 18.836v-3.57c0-.188-.146-.359-.344-.516c-3.968-3.125-13.455-10.451-14.721-11.377l-2.073 1.649c3.393 2.669 12.481 9.681 14.86 11.573c.256.204.278.415.278.608v4.836l1-.761c1.104-.797 1-1.338 1-2.442"/><path fill="#e1e8ed" d="M27.656 14.75C23.688 11.625 14.201 4.299 12.935 3.373l-2.073 1.649c3.393 2.669 12.481 9.681 14.86 11.573c.037.029.06.059.087.088L27.903 15a1.2 1.2 0 0 0-.247-.25"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPackage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#662113" d="M4 11v12.375c0 2.042 1.093 2.484 1.093 2.484l11.574 9.099C18.489 36.39 18 33.375 18 33.375V22z"/><path fill="#c1694f" d="M32 11v12.375c0 2.042-1.063 2.484-1.063 2.484s-9.767 7.667-11.588 9.099C17.526 36.39 18 33.375 18 33.375V22z"/><path fill="#d99e82" d="M19.289.5c-.753-.61-1.988-.61-2.742 0L4.565 10.029c-.754.61-.754 1.607 0 2.216l12.023 9.646c.754.609 1.989.609 2.743 0l12.104-9.73c.754-.609.754-1.606 0-2.216z"/><path fill="#d99e82" d="M18 35.75c-.552 0-1-.482-1-1.078V21.745c0-.596.448-1.078 1-1.078c.553 0 1 .482 1 1.078v12.927c0 .596-.447 1.078-1 1.078"/><path fill="#99aab5" d="M28 18.836c0 1.104.104 1.646-1 2.442l-2.469 1.878c-1.104.797-1.531.113-1.531-.992v-2.961c0-.193-.026-.4-.278-.608C20.144 16.47 10.134 8.519 8.31 7.051l4.625-3.678c1.266.926 10.753 8.252 14.722 11.377c.197.156.343.328.343.516z"/><path fill="#ccd6dd" d="M27.656 14.75C23.688 11.625 14.201 4.299 12.935 3.373l-1.721 1.368l-2.904 2.31c1.825 1.468 11.834 9.419 14.412 11.544a.7.7 0 0 1 .248.371L27.903 15a1.2 1.2 0 0 0-.247-.25"/><path fill="#ccd6dd" d="M28 18.836v-3.57c0-.188-.146-.359-.344-.516c-3.968-3.125-13.455-10.451-14.721-11.377l-2.073 1.649c3.393 2.669 12.481 9.681 14.86 11.573c.256.204.278.415.278.608v4.836l1-.761c1.104-.797 1-1.338 1-2.442"/><path fill="#e1e8ed" d="M27.656 14.75C23.688 11.625 14.201 4.299 12.935 3.373l-2.073 1.649c3.393 2.669 12.481 9.681 14.86 11.573c.037.029.06.059.087.088L27.903 15a1.2 1.2 0 0 0-.247-.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#662113" d="M4 11v12.375c0 2.042 1.093 2.484 1.093 2.484l11.574 9.099C18.489 36.39 18 33.375 18 33.375V22z"/><path fill="#c1694f" d="M32 11v12.375c0 2.042-1.063 2.484-1.063 2.484s-9.767 7.667-11.588 9.099C17.526 36.39 18 33.375 18 33.375V22z"/><path fill="#d99e82" d="M19.289.5c-.753-.61-1.988-.61-2.742 0L4.565 10.029c-.754.61-.754 1.607 0 2.216l12.023 9.646c.754.609 1.989.609 2.743 0l12.104-9.73c.754-.609.754-1.606 0-2.216z"/><path fill="#d99e82" d="M18 35.75c-.552 0-1-.482-1-1.078V21.745c0-.596.448-1.078 1-1.078c.553 0 1 .482 1 1.078v12.927c0 .596-.447 1.078-1 1.078"/><path fill="#99aab5" d="M28 18.836c0 1.104.104 1.646-1 2.442l-2.469 1.878c-1.104.797-1.531.113-1.531-.992v-2.961c0-.193-.026-.4-.278-.608C20.144 16.47 10.134 8.519 8.31 7.051l4.625-3.678c1.266.926 10.753 8.252 14.722 11.377c.197.156.343.328.343.516z"/><path fill="#ccd6dd" d="M27.656 14.75C23.688 11.625 14.201 4.299 12.935 3.373l-1.721 1.368l-2.904 2.31c1.825 1.468 11.834 9.419 14.412 11.544a.7.7 0 0 1 .248.371L27.903 15a1.2 1.2 0 0 0-.247-.25"/><path fill="#ccd6dd" d="M28 18.836v-3.57c0-.188-.146-.359-.344-.516c-3.968-3.125-13.455-10.451-14.721-11.377l-2.073 1.649c3.393 2.669 12.481 9.681 14.86 11.573c.256.204.278.415.278.608v4.836l1-.761c1.104-.797 1-1.338 1-2.442"/><path fill="#e1e8ed" d="M27.656 14.75C23.688 11.625 14.201 4.299 12.935 3.373l-2.073 1.649c3.393 2.669 12.481 9.681 14.86 11.573c.037.029.06.059.087.088L27.903 15a1.2 1.2 0 0 0-.247-.25"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M4%2011v12.375c0%202.042%201.093%202.484%201.093%202.484l11.574%209.099C18.489%2036.39%2018%2033.375%2018%2033.375V22z%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M32%2011v12.375c0%202.042-1.063%202.484-1.063%202.484s-9.767%207.667-11.588%209.099C17.526%2036.39%2018%2033.375%2018%2033.375V22z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M19.289.5c-.753-.61-1.988-.61-2.742%200L4.565%2010.029c-.754.61-.754%201.607%200%202.216l12.023%209.646c.754.609%201.989.609%202.743%200l12.104-9.73c.754-.609.754-1.606%200-2.216z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18%2035.75c-.552%200-1-.482-1-1.078V21.745c0-.596.448-1.078%201-1.078c.553%200%201%20.482%201%201.078v12.927c0%20.596-.447%201.078-1%201.078%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M28%2018.836c0%201.104.104%201.646-1%202.442l-2.469%201.878c-1.104.797-1.531.113-1.531-.992v-2.961c0-.193-.026-.4-.278-.608C20.144%2016.47%2010.134%208.519%208.31%207.051l4.625-3.678c1.266.926%2010.753%208.252%2014.722%2011.377c.197.156.343.328.343.516z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M27.656%2014.75C23.688%2011.625%2014.201%204.299%2012.935%203.373l-1.721%201.368l-2.904%202.31c1.825%201.468%2011.834%209.419%2014.412%2011.544a.7.7%200%200%201%20.248.371L27.903%2015a1.2%201.2%200%200%200-.247-.25%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M28%2018.836v-3.57c0-.188-.146-.359-.344-.516c-3.968-3.125-13.455-10.451-14.721-11.377l-2.073%201.649c3.393%202.669%2012.481%209.681%2014.86%2011.573c.256.204.278.415.278.608v4.836l1-.761c1.104-.797%201-1.338%201-2.442%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M27.656%2014.75C23.688%2011.625%2014.201%204.299%2012.935%203.373l-2.073%201.649c3.393%202.669%2012.481%209.681%2014.86%2011.573c.037.029.06.059.087.088L27.903%2015a1.2%201.2%200%200%200-.247-.25%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M4%2011v12.375c0%202.042%201.093%202.484%201.093%202.484l11.574%209.099C18.489%2036.39%2018%2033.375%2018%2033.375V22z%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M32%2011v12.375c0%202.042-1.063%202.484-1.063%202.484s-9.767%207.667-11.588%209.099C17.526%2036.39%2018%2033.375%2018%2033.375V22z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M19.289.5c-.753-.61-1.988-.61-2.742%200L4.565%2010.029c-.754.61-.754%201.607%200%202.216l12.023%209.646c.754.609%201.989.609%202.743%200l12.104-9.73c.754-.609.754-1.606%200-2.216z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M18%2035.75c-.552%200-1-.482-1-1.078V21.745c0-.596.448-1.078%201-1.078c.553%200%201%20.482%201%201.078v12.927c0%20.596-.447%201.078-1%201.078%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M28%2018.836c0%201.104.104%201.646-1%202.442l-2.469%201.878c-1.104.797-1.531.113-1.531-.992v-2.961c0-.193-.026-.4-.278-.608C20.144%2016.47%2010.134%208.519%208.31%207.051l4.625-3.678c1.266.926%2010.753%208.252%2014.722%2011.377c.197.156.343.328.343.516z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M27.656%2014.75C23.688%2011.625%2014.201%204.299%2012.935%203.373l-1.721%201.368l-2.904%202.31c1.825%201.468%2011.834%209.419%2014.412%2011.544a.7.7%200%200%201%20.248.371L27.903%2015a1.2%201.2%200%200%200-.247-.25%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M28%2018.836v-3.57c0-.188-.146-.359-.344-.516c-3.968-3.125-13.455-10.451-14.721-11.377l-2.073%201.649c3.393%202.669%2012.481%209.681%2014.86%2011.573c.256.204.278.415.278.608v4.836l1-.761c1.104-.797%201-1.338%201-2.442%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M27.656%2014.75C23.688%2011.625%2014.201%204.299%2012.935%203.373l-2.073%201.649c3.393%202.669%2012.481%209.681%2014.86%2011.573c.037.029.06.059.087.088L27.903%2015a1.2%201.2%200%200%200-.247-.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/package.svg?color=%231a73e8&size=48
