open mailbox with lowered flag emoji
open-mailbox-with-lowered-flag from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- open-mailbox-with-lowered-flag
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the open mailbox with lowered flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m38 64l-8.8-1.2v-49H38z"/><path fill="#7d8b91" d="M44.3 13.8H38V64l6.3-6.1z"/><path fill="#333" d="M46.8 0c-8.2 0-35.6 9.5-35.6 9.5l24.6 40.4l28.3-17V17C64 6.3 57.6 0 46.8 0"/><path fill="#697277" d="M17.2 8.5C6.4 8.5 0 16 0 26.8v17l35.7 6.1V29.2c0-10.8-7.6-20.7-18.5-20.7"/><path fill="#94989b" d="M35.7 49.9L0 43.8l35.7-16.4z"/><path fill="#ed4c5c" d="m62.7 14.2l-26 12.4v3.3l19.2-9.6v9.9l6.8-3.8z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneOpenMailboxWithLoweredFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m38 64l-8.8-1.2v-49H38z"/><path fill="#7d8b91" d="M44.3 13.8H38V64l6.3-6.1z"/><path fill="#333" d="M46.8 0c-8.2 0-35.6 9.5-35.6 9.5l24.6 40.4l28.3-17V17C64 6.3 57.6 0 46.8 0"/><path fill="#697277" d="M17.2 8.5C6.4 8.5 0 16 0 26.8v17l35.7 6.1V29.2c0-10.8-7.6-20.7-18.5-20.7"/><path fill="#94989b" d="M35.7 49.9L0 43.8l35.7-16.4z"/><path fill="#ed4c5c" d="m62.7 14.2l-26 12.4v3.3l19.2-9.6v9.9l6.8-3.8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m38 64l-8.8-1.2v-49H38z"/><path fill="#7d8b91" d="M44.3 13.8H38V64l6.3-6.1z"/><path fill="#333" d="M46.8 0c-8.2 0-35.6 9.5-35.6 9.5l24.6 40.4l28.3-17V17C64 6.3 57.6 0 46.8 0"/><path fill="#697277" d="M17.2 8.5C6.4 8.5 0 16 0 26.8v17l35.7 6.1V29.2c0-10.8-7.6-20.7-18.5-20.7"/><path fill="#94989b" d="M35.7 49.9L0 43.8l35.7-16.4z"/><path fill="#ed4c5c" d="m62.7 14.2l-26 12.4v3.3l19.2-9.6v9.9l6.8-3.8z"/></svg> </template>
CSS
.icon-open-mailbox-with-lowered-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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22m38%2064l-8.8-1.2v-49H38z%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M44.3%2013.8H38V64l6.3-6.1z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M46.8%200c-8.2%200-35.6%209.5-35.6%209.5l24.6%2040.4l28.3-17V17C64%206.3%2057.6%200%2046.8%200%22%2F%3E%3Cpath%20fill%3D%22%23697277%22%20d%3D%22M17.2%208.5C6.4%208.5%200%2016%200%2026.8v17l35.7%206.1V29.2c0-10.8-7.6-20.7-18.5-20.7%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M35.7%2049.9L0%2043.8l35.7-16.4z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22m62.7%2014.2l-26%2012.4v3.3l19.2-9.6v9.9l6.8-3.8z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22m38%2064l-8.8-1.2v-49H38z%22%2F%3E%3Cpath%20fill%3D%22%237d8b91%22%20d%3D%22M44.3%2013.8H38V64l6.3-6.1z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M46.8%200c-8.2%200-35.6%209.5-35.6%209.5l24.6%2040.4l28.3-17V17C64%206.3%2057.6%200%2046.8%200%22%2F%3E%3Cpath%20fill%3D%22%23697277%22%20d%3D%22M17.2%208.5C6.4%208.5%200%2016%200%2026.8v17l35.7%206.1V29.2c0-10.8-7.6-20.7-18.5-20.7%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M35.7%2049.9L0%2043.8l35.7-16.4z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22m62.7%2014.2l-26%2012.4v3.3l19.2-9.6v9.9l6.8-3.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/open-mailbox-with-lowered-flag.svg?color=%231a73e8&size=48
