Иконка Open Mailbox With Raised Flag
fluent-emoji:open-mailbox-with-raised-flag
Иконка Open Mailbox With Raised Flag (fluent-emoji:open-mailbox-with-raised-flag) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- openmailbox, mailboxwith, withraised, raisedflag, openmailboxwithraisedflag
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><path fill="url(#ilEfLHN)" d="M13.186 24.923h4.65v4.956h-4.65z"/><path fill="url(#iPb3uQc)" d="M13.186 24.923h4.65v4.956h-4.65z"/><path fill="url(#iWP5jgC)" d="M13.186 24.923h4.65v4.956h-4.65z"/><g filter="url(#iPc8Yid)"><path fill="url(#iOEomYz)" d="M4.044 14.54a5.5 5.5 0 0 1 5.5-5.5h12.912a5.5 5.5 0 0 1 5.5 5.5v9.383a1 1 0 0 1-1 1H5.044a1 1 0 0 1-1-1z"/><path fill="url(#iMS1Cie)" d="M4.044 14.54a5.5 5.5 0 0 1 5.5-5.5h12.912a5.5 5.5 0 0 1 5.5 5.5v9.383a1 1 0 0 1-1 1H5.044a1 1 0 0 1-1-1z"/></g><g filter="url(#i9gNN0s)"><path fill="#4473C1" d="M5.49 24.43h9.198c.61 0 1.105-.42 1.105-.938V14.69c0-2.743-2.428-5.15-5.704-5.15c-3.093-.163-5.705 1.92-5.705 5.15v8.802c0 .518.495.938 1.105.938"/><path stroke="url(#iKkNrac)" stroke-width=".25" d="M5.49 24.555h9.198c.66 0 1.23-.458 1.23-1.063V14.69c0-2.82-2.49-5.273-5.826-5.275C6.94 9.25 4.259 11.38 4.259 14.69v8.802c0 .605.57 1.063 1.23 1.063Z"/></g><g filter="url(#iwlanVc)"><ellipse cx="17.771" cy="14.018" fill="#264FC5" rx="1.572" ry="2.406"/></g><g filter="url(#i3l7gic)"><path fill="url(#i2DP0Db)" d="M4.78 15.238a4.758 4.758 0 1 1 9.516 0v7.993a.25.25 0 0 1-.25.25H5.03a.25.25 0 0 1-.25-.25z"/></g><path fill="url(#itpimbn)" d="M5.169 15.242a4.758 4.758 0 1 1 9.515 0v7.992a.25.25 0 0 1-.25.25H5.42a.25.25 0 0 1-.25-.25z"/><g filter="url(#iiKhL7J)"><path fill="url(#i4dY7te)" d="M19.57 2.97h5.38c.442 0 .8.311.8.694v2.703c0 .383-.358.694-.8.694h-5.38z"/></g><path fill="url(#iy4cElb)" d="M20.36 3.038a1.149 1.149 0 0 0-2.298 0v9.617h2.297z"/><path fill="url(#iNrOEGh)" d="M20.36 3.038a1.149 1.149 0 0 0-2.298 0v9.617h2.297z"/><path fill="url(#i0dGONG)" d="M20.36 3.038a1.149 1.149 0 0 0-2.298 0v9.617h2.297z"/><g filter="url(#iWajfDb)"><rect width="8.516" height=".319" x="18.973" y="11.908" fill="#AEA4BF" rx=".159" transform="rotate(-90 18.973 11.908)"/></g><circle r="2.406" fill="url(#iE7a7Ge)" transform="matrix(0 -1 -1 0 19.21 13.586)"/><circle r="2.406" fill="url(#ivfSMJd)" transform="matrix(0 -1 -1 0 19.21 13.586)"/><circle r="2.406" fill="url(#ilgjLtc)" transform="matrix(0 -1 -1 0 19.21 13.586)"/><path fill="url(#iAPLsrd)" d="M7.26 23.484h7.174a.25.25 0 0 0 .25-.25v-7.992c0-.943-.274-1.822-.747-2.56H7.26a1 1 0 0 0-1 1v8.802a1 1 0 0 0 1 1"/><path fill="url(#iC8CHIO)" d="M7.26 23.484h7.174a.25.25 0 0 0 .25-.25v-7.992c0-.943-.274-1.822-.747-2.56H7.26a1 1 0 0 0-1 1v8.802a1 1 0 0 0 1 1"/><path fill="url(#ilYLRQJ)" d="M7.26 23.484h7.174a.25.25 0 0 0 .25-.25v-7.992c0-.943-.274-1.822-.747-2.56H7.26a1 1 0 0 0-1 1v8.802a1 1 0 0 0 1 1"/><g filter="url(#inJQJce)"><path fill="url(#iNFOlpc)" d="M7.209 23.484h7.225a.25.25 0 0 0 .25-.25V18.16l-.777-.488a.22.22 0 0 0-.23 0l-7.223 4.514a.41.41 0 0 0-.193.35c0 .524.424.948.948.948"/></g><path fill="url(#iJ0YCfe)" d="M7.209 23.484h7.225a.25.25 0 0 0 .25-.25v-5.457l-.777-.105a.22.22 0 0 0-.23 0l-7.223 4.514a.41.41 0 0 0-.193.35c0 .524.424.948.948.948"/><path fill="url(#iGcMgrp)" d="M7.209 23.484h7.225a.25.25 0 0 0 .25-.25v-5.457l-.777-.105a.22.22 0 0 0-.23 0l-7.223 4.514a.41.41 0 0 0-.193.35c0 .524.424.948.948.948"/><g filter="url(#ij7Viyd)"><path fill="url(#i2cJWlc)" d="M13.937 12.681c.473.74.747 1.618.747 2.561v2.764l-.777.487a.22.22 0 0 1-.23 0L6.454 13.98a.41.41 0 0 1-.193-.35c0-.523.424-.948.948-.948z"/><path fill="url(#iZNpfEc)" d="M13.937 12.681c.473.74.747 1.618.747 2.561v2.764l-.777.487a.22.22 0 0 1-.23 0L6.454 13.98a.41.41 0 0 1-.193-.35c0-.523.424-.948.948-.948z"/></g></g><defs><linearGradient id="ilEfLHN" x1="16.822" x2="13.186" y1="29.879" y2="29.879" gradientUnits="userSpaceOnUse"><stop stop-color="#8F616C"/><stop offset=".42" stop-color="#7D4261"/><stop offset=".774" stop-color="#5E3A43"/></linearGradient><linearGradient id="iPb3uQc" x1="18.103" x2="17.353" y1="29.879" y2="29.879" gradientUnits="userSpaceOnUse"><stop stop-color="#855A5D"/><stop offset="1" stop-color="#855A5D" stop-opacity="0"/></linearGradient><linearGradient id="iOEomYz" x1="20.525" x2="20.525" y1="24.923" y2="11.242" gradientUnits="userSpaceOnUse"><stop offset=".743" stop-color="#5097DA"/><stop offset="1" stop-color="#5D98DA"/></linearGradient><linearGradient id="iKkNrac" x1="17.262" x2="9.296" y1="19.63" y2="19.63" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#3B7BDE"/><stop offset="1" stop-color="#3C84D5" stop-opacity="0"/></linearGradient><linearGradient id="i2DP0Db" x1="9.538" x2="9.538" y1="10.48" y2="23.48" gradientUnits="userSpaceOnUse"><stop offset=".191" stop-color="#3255BF"/><stop offset="1" stop-color="#3255BF" stop-opacity="0"/></linearGradient><linearGradient id="itpimbn" x1="9.926" x2="9.926" y1="10.484" y2="22.438" gradientUnits="userSpaceOnUse"><stop stop-color="#4B1776"/><stop offset="1" stop-color="#240B46"/></linearGradient><linearGradient id="i4dY7te" x1="22.66" x2="22.66" y1="2.971" y2="4.658" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8E4E"/><stop offset="1" stop-color="#F96941"/></linearGradient><linearGradient id="iy4cElb" x1="18.062" x2="19.659" y1="6.221" y2="6.221" gradientUnits="userSpaceOnUse"><stop stop-color="#948AA4"/><stop offset="1" stop-color="#A6A4AF"/></linearGradient><linearGradient id="iNrOEGh" x1="19.211" x2="19.211" y1="1.889" y2="3.033" gradientUnits="userSpaceOnUse"><stop stop-color="#BAB9BF"/><stop offset="1" stop-color="#BAB9BF" stop-opacity="0"/></linearGradient><linearGradient id="iAPLsrd" x1="7.344" x2="13.449" y1="18.709" y2="18.709" gradientUnits="userSpaceOnUse"><stop stop-color="#D0CBD7"/><stop offset=".606" stop-color="#E7DEF2"/></linearGradient><linearGradient id="iC8CHIO" x1="10.472" x2="9.512" y1="15.656" y2="17.313" gradientUnits="userSpaceOnUse"><stop offset=".261" stop-color="#BFB8C7"/><stop offset="1" stop-color="#CCC4D7" stop-opacity="0"/></linearGradient><linearGradient id="ilYLRQJ" x1="10.355" x2="9.73" y1="20.313" y2="19.406" gradientUnits="userSpaceOnUse"><stop stop-color="#B7B1BF"/><stop offset="1" stop-color="#E2DAEB" stop-opacity="0"/></linearGradient><linearGradient id="iNFOlpc" x1="14.386" x2="11.043" y1="24.313" y2="19.594" gradientUnits="userSpaceOnUse"><stop stop-color="#CDBFDE"/><stop offset="1" stop-color="#E9E0F5"/></linearGradient><linearGradient id="iJ0YCfe" x1="8.784" x2="8.992" y1="20.562" y2="20.875" gradientUnits="userSpaceOnUse"><stop offset=".212" stop-color="#D9D2E1"/><stop offset="1" stop-color="#D9D2E1" stop-opacity="0"/></linearGradient><linearGradient id="iGcMgrp" x1="15.329" x2="12.106" y1="23.484" y2="23.11" gradientUnits="userSpaceOnUse"><stop offset=".214" stop-color="#625C6A"/><stop offset="1" stop-color="#9F98A9" stop-opacity="0"/></linearGradient><linearGradient id="i2cJWlc" x1="10.074" x2="14.684" y1="16.344" y2="10.219" gradientUnits="userSpaceOnUse"><stop stop-color="#E3DFEA"/><stop offset="1" stop-color="#A5A0AD"/></linearGradient><filter id="iPc8Yid" width="24.113" height="16.283" x="4.044" y="8.64" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.4"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.262745 0 0 0 0 0.356863 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22052"/></filter><filter id="i9gNN0s" width="12.909" height="16.398" x="3.634" y="8.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22052" stdDeviation=".25"/></filter><filter id="iwlanVc" width="5.645" height="7.313" x="14.949" y="10.361" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22052" stdDeviation=".625"/></filter><filter id="i3l7gic" width="10.016" height="13.5" x="4.53" y="10.23" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22052" stdDeviation=".125"/></filter><filter id="iiKhL7J" width="6.58" height="4.34" x="19.57" y="2.721" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.858824 0 0 0 0 0.203922 0 0 0 0 0.2 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22052"/></filter><filter id="iWajfDb" width="1.319" height="9.516" x="18.473" y="2.893" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22052" stdDeviation=".25"/></filter><filter id="inJQJce" width="8.674" height="6.595" x="6.011" y="16.889" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy="-.75"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.643137 0 0 0 0 0.584314 0 0 0 0 0.705882 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22052"/></filter><filter id="ij7Viyd" width="8.424" height="6.095" x="6.261" y="12.431" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.67451 0 0 0 0 0.639216 0 0 0 0 0.721569 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22052"/></filter><radialGradient id="iWP5jgC" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.95639 5.62268 0 15.511 29.88)" gradientUnits="userSpaceOnUse"><stop offset=".772" stop-color="#632F53" stop-opacity="0"/><stop offset="1" stop-color="#5A3A46"/></radialGradient><radialGradient id="iMS1Cie" cx="0" cy="0" r="1" gradientTransform="matrix(-3.43747 -3.75003 1.58491 -1.45282 18.137 11.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#4065B4"/><stop offset="1" stop-color="#4784C4" stop-opacity="0"/></radialGradient><radialGradient id="i0dGONG" cx="0" cy="0" r="1" gradientTransform="matrix(0 -.9375 .50781 0 19.565 2.033)" gradientUnits="userSpaceOnUse"><stop stop-color="#CFCBD8"/><stop offset="1" stop-color="#CFCBD8" stop-opacity="0"/></radialGradient><radialGradient id="iE7a7Ge" cx="0" cy="0" r="1" gradientTransform="matrix(2.69549 -1.96875 2.37524 3.25202 -.29 3.136)" gradientUnits="userSpaceOnUse"><stop offset=".104" stop-color="#9571C7"/><stop offset="1" stop-color="#B0B0B7"/></radialGradient><radialGradient id="ivfSMJd" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.39471 -4.66751 0 2.406 -.582)" gradientUnits="userSpaceOnUse"><stop offset=".643" stop-color="#948DA4" stop-opacity="0"/><stop offset="1" stop-color="#636697"/></radialGradient><radialGradient id="ilgjLtc" cx="0" cy="0" r="1" gradientTransform="matrix(.9375 -1.75 1.31778 .70595 3.304 .98)" gradientUnits="userSpaceOnUse"><stop offset=".247" stop-color="#D0CCDA"/><stop offset="1" stop-color="#B6B6BD" stop-opacity="0"/></radialGradient><radialGradient id="iZNpfEc" cx="0" cy="0" r="1" gradientTransform="matrix(7 -1.875 4.70551 17.56721 8.23 16.094)" gradientUnits="userSpaceOnUse"><stop offset=".63" stop-color="#ACA5B5" stop-opacity="0"/><stop offset=".912" stop-color="#88858E"/></radialGradient><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Как использовать иконку Open Mailbox With Raised Flag
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:open-mailbox-with-raised-flag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:open-mailbox-with-raised-flag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:open-mailbox-with-raised-flag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--open-mailbox-with-raised-flag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:open-mailbox-with-raised-flag"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:open-mailbox-with-raised-flag"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/open-mailbox-with-raised-flag.svg" alt="Иконка Open Mailbox With Raised Flag" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Open Mailbox With Raised Flag в других наборах
Вопросы и ответы: Иконка Open Mailbox With Raised Flag
Можно ли бесплатно использовать иконку Open Mailbox With Raised Flag в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Open Mailbox With Raised Flag в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:open-mailbox-with-raised-flag" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Open Mailbox With Raised Flag на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/open-mailbox-with-raised-flag.svg" alt="Иконка Open Mailbox With Raised Flag">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.