open mailbox with raised flag emoji
open-mailbox-with-raised-flag from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- open-mailbox-with-raised-flag
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
open-mailbox-with-raised-flagEmoji One (Colored)open-mailbox-with-raised-flagFluent Emojiopen-mailbox-with-raised-flagFluent Emoji Flatopen-mailbox-with-raised-flagFluent Emoji High Contrastopen-mailbox-with-raised-flagNoto Emojiopen-mailbox-with-raised-flagOpenMojiopen-mailbox-with-raised-flagStreamline Emojis
More objects icons from Twitter Emoji
Use the open mailbox with raised flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M22 33c0 2.209-8 2.209-8 0V23a4 4 0 0 1 8 0z"/><path fill="#292f33" d="M10 3a8 8 0 0 0-8 8v12h16V11a8 8 0 0 0-8-8"/><path fill="#ccd6dd" d="M20 18.761C20 19.997 18.935 21 17.707 21H2.293C1.064 21 0 19.997 0 18.761V8.239C0 7.003 1.064 6 2.293 6h15.414C18.935 6 20 7.003 20 8.239z"/><path fill="#99aab5" d="M20 8.239C20 7.003 18.935 6 17.707 6H2.293C1.064 6 0 7.003 0 8.239v1.419l4.879 4.904l-4.78 4.806c.112.376.316.716.596.983l4.972-4.998l2.407 2.419a2.693 2.693 0 0 0 3.821 0l2.426-2.432l4.984 5.011c.28-.268.483-.608.596-.983l-4.792-4.818L20 9.646z"/><path fill="#e1e8ed" d="M17.707 6H2.293C1.127 6 .121 6.906.02 8.055l8.408 8.397c.869.874 2.277.84 3.145-.035l8.41-8.346C19.889 6.914 18.877 6 17.707 6"/><path fill="#99aab5" d="M26 3H10a8 8 0 0 1 8 8v12h16V11a8 8 0 0 0-8-8"/><path fill="#dd2e44" d="M26 1h-4a2 2 0 0 0-2 2v12a2 2 0 0 0 4 0V7h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiOpenMailboxWithRaisedFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M22 33c0 2.209-8 2.209-8 0V23a4 4 0 0 1 8 0z"/><path fill="#292f33" d="M10 3a8 8 0 0 0-8 8v12h16V11a8 8 0 0 0-8-8"/><path fill="#ccd6dd" d="M20 18.761C20 19.997 18.935 21 17.707 21H2.293C1.064 21 0 19.997 0 18.761V8.239C0 7.003 1.064 6 2.293 6h15.414C18.935 6 20 7.003 20 8.239z"/><path fill="#99aab5" d="M20 8.239C20 7.003 18.935 6 17.707 6H2.293C1.064 6 0 7.003 0 8.239v1.419l4.879 4.904l-4.78 4.806c.112.376.316.716.596.983l4.972-4.998l2.407 2.419a2.693 2.693 0 0 0 3.821 0l2.426-2.432l4.984 5.011c.28-.268.483-.608.596-.983l-4.792-4.818L20 9.646z"/><path fill="#e1e8ed" d="M17.707 6H2.293C1.127 6 .121 6.906.02 8.055l8.408 8.397c.869.874 2.277.84 3.145-.035l8.41-8.346C19.889 6.914 18.877 6 17.707 6"/><path fill="#99aab5" d="M26 3H10a8 8 0 0 1 8 8v12h16V11a8 8 0 0 0-8-8"/><path fill="#dd2e44" d="M26 1h-4a2 2 0 0 0-2 2v12a2 2 0 0 0 4 0V7h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M22 33c0 2.209-8 2.209-8 0V23a4 4 0 0 1 8 0z"/><path fill="#292f33" d="M10 3a8 8 0 0 0-8 8v12h16V11a8 8 0 0 0-8-8"/><path fill="#ccd6dd" d="M20 18.761C20 19.997 18.935 21 17.707 21H2.293C1.064 21 0 19.997 0 18.761V8.239C0 7.003 1.064 6 2.293 6h15.414C18.935 6 20 7.003 20 8.239z"/><path fill="#99aab5" d="M20 8.239C20 7.003 18.935 6 17.707 6H2.293C1.064 6 0 7.003 0 8.239v1.419l4.879 4.904l-4.78 4.806c.112.376.316.716.596.983l4.972-4.998l2.407 2.419a2.693 2.693 0 0 0 3.821 0l2.426-2.432l4.984 5.011c.28-.268.483-.608.596-.983l-4.792-4.818L20 9.646z"/><path fill="#e1e8ed" d="M17.707 6H2.293C1.127 6 .121 6.906.02 8.055l8.408 8.397c.869.874 2.277.84 3.145-.035l8.41-8.346C19.889 6.914 18.877 6 17.707 6"/><path fill="#99aab5" d="M26 3H10a8 8 0 0 1 8 8v12h16V11a8 8 0 0 0-8-8"/><path fill="#dd2e44" d="M26 1h-4a2 2 0 0 0-2 2v12a2 2 0 0 0 4 0V7h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2"/></svg> </template>
CSS
.icon-open-mailbox-with-raised-flag {
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%23c1694f%22%20d%3D%22M22%2033c0%202.209-8%202.209-8%200V23a4%204%200%200%201%208%200z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M10%203a8%208%200%200%200-8%208v12h16V11a8%208%200%200%200-8-8%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M20%2018.761C20%2019.997%2018.935%2021%2017.707%2021H2.293C1.064%2021%200%2019.997%200%2018.761V8.239C0%207.003%201.064%206%202.293%206h15.414C18.935%206%2020%207.003%2020%208.239z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M20%208.239C20%207.003%2018.935%206%2017.707%206H2.293C1.064%206%200%207.003%200%208.239v1.419l4.879%204.904l-4.78%204.806c.112.376.316.716.596.983l4.972-4.998l2.407%202.419a2.693%202.693%200%200%200%203.821%200l2.426-2.432l4.984%205.011c.28-.268.483-.608.596-.983l-4.792-4.818L20%209.646z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M17.707%206H2.293C1.127%206%20.121%206.906.02%208.055l8.408%208.397c.869.874%202.277.84%203.145-.035l8.41-8.346C19.889%206.914%2018.877%206%2017.707%206%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M26%203H10a8%208%200%200%201%208%208v12h16V11a8%208%200%200%200-8-8%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M26%201h-4a2%202%200%200%200-2%202v12a2%202%200%200%200%204%200V7h2a2%202%200%200%200%202-2V3a2%202%200%200%200-2-2%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%23c1694f%22%20d%3D%22M22%2033c0%202.209-8%202.209-8%200V23a4%204%200%200%201%208%200z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M10%203a8%208%200%200%200-8%208v12h16V11a8%208%200%200%200-8-8%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M20%2018.761C20%2019.997%2018.935%2021%2017.707%2021H2.293C1.064%2021%200%2019.997%200%2018.761V8.239C0%207.003%201.064%206%202.293%206h15.414C18.935%206%2020%207.003%2020%208.239z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M20%208.239C20%207.003%2018.935%206%2017.707%206H2.293C1.064%206%200%207.003%200%208.239v1.419l4.879%204.904l-4.78%204.806c.112.376.316.716.596.983l4.972-4.998l2.407%202.419a2.693%202.693%200%200%200%203.821%200l2.426-2.432l4.984%205.011c.28-.268.483-.608.596-.983l-4.792-4.818L20%209.646z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M17.707%206H2.293C1.127%206%20.121%206.906.02%208.055l8.408%208.397c.869.874%202.277.84%203.145-.035l8.41-8.346C19.889%206.914%2018.877%206%2017.707%206%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M26%203H10a8%208%200%200%201%208%208v12h16V11a8%208%200%200%200-8-8%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M26%201h-4a2%202%200%200%200-2%202v12a2%202%200%200%200%204%200V7h2a2%202%200%200%200%202-2V3a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/open-mailbox-with-raised-flag.svg?color=%231a73e8&size=48
