closed mailbox with raised flag emoji
closed-mailbox-with-raised-flag from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- closed-mailbox-with-raised-flag
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the closed mailbox with raised flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#7d4533" d="M16.81 30.04V23.4L14.5 22l-2.67 1.4v6.64z"/><path fill="#5092ff" d="M21.65 7H7.84L11 23.61h14.99a1.5 1.5 0 0 0 1.5-1.5v-9.27C27.48 9.61 24.87 7 21.65 7"/><path fill="#3f5fff" d="M7.84 7C4.61 7 2 9.61 2 12.84v9.27a1.5 1.5 0 0 0 1.5 1.5h8.67a1.5 1.5 0 0 0 1.5-1.5v-9.27C13.67 9.61 11.06 7 7.84 7"/><path fill="#1345b7" d="M9.27 20H4.98c-.54 0-.98.44-.98.98s.44.98.98.98h4.29c.54 0 .98-.44.98-.98a.97.97 0 0 0-.98-.98"/><path fill="#f92f60" d="M24.132 2h-5.264c-.475 0-.868.369-.868.816v2.368c0 .447.393.816.869.816h5.262c.476 0 .869-.369.869-.816V2.816c0-.447-.393-.816-.869-.816"/><path fill="#d3d3d3" d="M17.21 2.58c0-.67.54-1.21 1.21-1.21s1.21.54 1.21 1.21v8.904A2.42 2.42 0 0 1 18.42 16a2.42 2.42 0 0 1-1.21-4.516z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatClosedMailboxWithRaisedFlag(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="#7d4533" d="M16.81 30.04V23.4L14.5 22l-2.67 1.4v6.64z"/><path fill="#5092ff" d="M21.65 7H7.84L11 23.61h14.99a1.5 1.5 0 0 0 1.5-1.5v-9.27C27.48 9.61 24.87 7 21.65 7"/><path fill="#3f5fff" d="M7.84 7C4.61 7 2 9.61 2 12.84v9.27a1.5 1.5 0 0 0 1.5 1.5h8.67a1.5 1.5 0 0 0 1.5-1.5v-9.27C13.67 9.61 11.06 7 7.84 7"/><path fill="#1345b7" d="M9.27 20H4.98c-.54 0-.98.44-.98.98s.44.98.98.98h4.29c.54 0 .98-.44.98-.98a.97.97 0 0 0-.98-.98"/><path fill="#f92f60" d="M24.132 2h-5.264c-.475 0-.868.369-.868.816v2.368c0 .447.393.816.869.816h5.262c.476 0 .869-.369.869-.816V2.816c0-.447-.393-.816-.869-.816"/><path fill="#d3d3d3" d="M17.21 2.58c0-.67.54-1.21 1.21-1.21s1.21.54 1.21 1.21v8.904A2.42 2.42 0 0 1 18.42 16a2.42 2.42 0 0 1-1.21-4.516z"/></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="#7d4533" d="M16.81 30.04V23.4L14.5 22l-2.67 1.4v6.64z"/><path fill="#5092ff" d="M21.65 7H7.84L11 23.61h14.99a1.5 1.5 0 0 0 1.5-1.5v-9.27C27.48 9.61 24.87 7 21.65 7"/><path fill="#3f5fff" d="M7.84 7C4.61 7 2 9.61 2 12.84v9.27a1.5 1.5 0 0 0 1.5 1.5h8.67a1.5 1.5 0 0 0 1.5-1.5v-9.27C13.67 9.61 11.06 7 7.84 7"/><path fill="#1345b7" d="M9.27 20H4.98c-.54 0-.98.44-.98.98s.44.98.98.98h4.29c.54 0 .98-.44.98-.98a.97.97 0 0 0-.98-.98"/><path fill="#f92f60" d="M24.132 2h-5.264c-.475 0-.868.369-.868.816v2.368c0 .447.393.816.869.816h5.262c.476 0 .869-.369.869-.816V2.816c0-.447-.393-.816-.869-.816"/><path fill="#d3d3d3" d="M17.21 2.58c0-.67.54-1.21 1.21-1.21s1.21.54 1.21 1.21v8.904A2.42 2.42 0 0 1 18.42 16a2.42 2.42 0 0 1-1.21-4.516z"/></g></svg> </template>
CSS
.icon-closed-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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M16.81%2030.04V23.4L14.5%2022l-2.67%201.4v6.64z%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M21.65%207H7.84L11%2023.61h14.99a1.5%201.5%200%200%200%201.5-1.5v-9.27C27.48%209.61%2024.87%207%2021.65%207%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M7.84%207C4.61%207%202%209.61%202%2012.84v9.27a1.5%201.5%200%200%200%201.5%201.5h8.67a1.5%201.5%200%200%200%201.5-1.5v-9.27C13.67%209.61%2011.06%207%207.84%207%22%2F%3E%3Cpath%20fill%3D%22%231345b7%22%20d%3D%22M9.27%2020H4.98c-.54%200-.98.44-.98.98s.44.98.98.98h4.29c.54%200%20.98-.44.98-.98a.97.97%200%200%200-.98-.98%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M24.132%202h-5.264c-.475%200-.868.369-.868.816v2.368c0%20.447.393.816.869.816h5.262c.476%200%20.869-.369.869-.816V2.816c0-.447-.393-.816-.869-.816%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M17.21%202.58c0-.67.54-1.21%201.21-1.21s1.21.54%201.21%201.21v8.904A2.42%202.42%200%200%201%2018.42%2016a2.42%202.42%200%200%201-1.21-4.516z%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%237d4533%22%20d%3D%22M16.81%2030.04V23.4L14.5%2022l-2.67%201.4v6.64z%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M21.65%207H7.84L11%2023.61h14.99a1.5%201.5%200%200%200%201.5-1.5v-9.27C27.48%209.61%2024.87%207%2021.65%207%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M7.84%207C4.61%207%202%209.61%202%2012.84v9.27a1.5%201.5%200%200%200%201.5%201.5h8.67a1.5%201.5%200%200%200%201.5-1.5v-9.27C13.67%209.61%2011.06%207%207.84%207%22%2F%3E%3Cpath%20fill%3D%22%231345b7%22%20d%3D%22M9.27%2020H4.98c-.54%200-.98.44-.98.98s.44.98.98.98h4.29c.54%200%20.98-.44.98-.98a.97.97%200%200%200-.98-.98%22%2F%3E%3Cpath%20fill%3D%22%23f92f60%22%20d%3D%22M24.132%202h-5.264c-.475%200-.868.369-.868.816v2.368c0%20.447.393.816.869.816h5.262c.476%200%20.869-.369.869-.816V2.816c0-.447-.393-.816-.869-.816%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M17.21%202.58c0-.67.54-1.21%201.21-1.21s1.21.54%201.21%201.21v8.904A2.42%202.42%200%200%201%2018.42%2016a2.42%202.42%200%200%201-1.21-4.516z%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/closed-mailbox-with-raised-flag.svg?color=%231a73e8&size=48
