Open Mailbox With Lowered Flag アイコン
fluent-emoji:open-mailbox-with-lowered-flag
Open Mailbox With Lowered Flag アイコン(fluent-emoji:open-mailbox-with-lowered-flag)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- openmailbox、mailboxwith、withlowered、loweredflag、openmailboxwithloweredflag
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iBQv33b)" d="M13.186 23.923h4.65v4.956h-4.65z"/><path fill="url(#i4KXRMb)" d="M13.186 23.923h4.65v4.956h-4.65z"/><path fill="url(#ik2CGXc)" d="M13.186 23.923h4.65v4.956h-4.65z"/><g filter="url(#iAsp68c)"><path fill="url(#igTFzKb)" d="M4.044 13.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(#inV6z1d)"><path fill="#4473C1" d="M5.49 23.43h9.198c.61 0 1.105-.42 1.105-.938V13.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(#iQKgJSc)" stroke-width=".25" d="M5.49 23.555h9.198c.66 0 1.23-.458 1.23-1.063V13.69c0-2.82-2.49-5.273-5.826-5.275C6.94 8.25 4.259 10.38 4.259 13.69v8.802c0 .605.57 1.063 1.23 1.063Z"/></g><g filter="url(#itMozlz)"><path fill="url(#ishPBxe)" d="M28.688 13.738v5.38c0 .441-.31.8-.694.8h-2.703c-.383 0-.694-.359-.694-.8v-5.38z"/></g><g filter="url(#ijeN17c)"><path fill="#4B81D5" d="M23.84 13.738v5.38c0 .441-.31.8-.693.8h-2.704c-.383 0-.693-.359-.693-.8v-5.38z"/></g><path fill="url(#igIVEQc)" d="M28.62 12.23a1.149 1.149 0 0 1 0 2.297h-9.616V12.23z"/><path fill="url(#i6dm45l)" d="M28.62 12.23a1.149 1.149 0 0 1 0 2.297h-9.616V12.23z"/><path fill="url(#i0s0PyS)" d="M28.62 12.23a1.149 1.149 0 0 1 0 2.297h-9.616V12.23z"/><g filter="url(#isMOQGc)"><rect width="8.516" height=".319" x="19.75" y="13.141" fill="#AEA4BF" rx=".159"/></g><g filter="url(#iK60jvc)"><ellipse cx="17.847" cy="13.909" fill="#264FC5" rx="1.572" ry="2.406"/></g><circle cx="19.327" cy="13.378" r="2.406" fill="url(#i7Lk0Ae)"/><circle cx="19.327" cy="13.378" r="2.406" fill="url(#iwOfOQM)"/><circle cx="19.327" cy="13.378" r="2.406" fill="url(#iE1UUvc)"/><g filter="url(#iAGd6Qy)"><path fill="url(#iEcrGDd)" d="M4.78 14.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(#iLGwzwe)" d="M5.169 14.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"/><defs><linearGradient id="iBQv33b" x1="16.822" x2="13.186" y1="28.879" y2="28.879" gradientUnits="userSpaceOnUse"><stop stop-color="#8F616C"/><stop offset=".42" stop-color="#7D4261"/><stop offset=".774" stop-color="#5E3A43"/></linearGradient><linearGradient id="i4KXRMb" x1="18.103" x2="17.353" y1="28.879" y2="28.879" gradientUnits="userSpaceOnUse"><stop stop-color="#855A5D"/><stop offset="1" stop-color="#855A5D" stop-opacity="0"/></linearGradient><linearGradient id="igTFzKb" x1="20.525" x2="20.525" y1="23.923" y2="10.242" gradientUnits="userSpaceOnUse"><stop offset=".743" stop-color="#5097DA"/><stop offset="1" stop-color="#5D98DA"/></linearGradient><linearGradient id="iQKgJSc" x1="17.262" x2="9.296" y1="18.63" y2="18.63" gradientUnits="userSpaceOnUse"><stop offset=".222" stop-color="#3B7BDE"/><stop offset="1" stop-color="#3C84D5" stop-opacity="0"/></linearGradient><linearGradient id="ishPBxe" x1="28.688" x2="27" y1="16.828" y2="16.828" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8E4E"/><stop offset="1" stop-color="#F96941"/></linearGradient><linearGradient id="igIVEQc" x1="25.438" x2="25.438" y1="14.527" y2="12.93" gradientUnits="userSpaceOnUse"><stop stop-color="#926BC9"/><stop offset="1" stop-color="#A6A4AF"/></linearGradient><linearGradient id="i6dm45l" x1="29.769" x2="28.625" y1="13.378" y2="13.378" gradientUnits="userSpaceOnUse"><stop stop-color="#BAB9BF"/><stop offset="1" stop-color="#BAB9BF" stop-opacity="0"/></linearGradient><linearGradient id="iEcrGDd" x1="9.538" x2="9.538" y1="9.48" y2="22.48" gradientUnits="userSpaceOnUse"><stop offset=".191" stop-color="#3255BF"/><stop offset="1" stop-color="#3255BF" stop-opacity="0"/></linearGradient><linearGradient id="iLGwzwe" x1="9.926" x2="9.926" y1="9.484" y2="21.438" gradientUnits="userSpaceOnUse"><stop stop-color="#4B1776"/><stop offset="1" stop-color="#240B46"/></linearGradient><filter id="iAsp68c" width="23.913" height="16.283" x="4.044" y="7.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 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_22120"/></filter><filter id="inV6z1d" width="12.909" height="16.398" x="3.634" y="7.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_22120" stdDeviation=".25"/></filter><filter id="itMozlz" width="4.49" height="6.43" x="24.598" y="13.488" 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_22120"/></filter><filter id="ijeN17c" width="10.09" height="12.18" x="16.75" y="10.738" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22120" stdDeviation="1.5"/></filter><filter id="isMOQGc" width="9.516" height="1.319" x="19.25" y="12.641" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22120" stdDeviation=".25"/></filter><filter id="iK60jvc" width="5.645" height="7.313" x="15.024" y="10.253" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22120" stdDeviation=".625"/></filter><filter id="iAGd6Qy" width="10.016" height="13.5" x="4.53" y="9.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_22120" stdDeviation=".125"/></filter><radialGradient id="ik2CGXc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.95639 5.62268 0 15.511 28.88)" gradientUnits="userSpaceOnUse"><stop offset=".772" stop-color="#632F53" stop-opacity="0"/><stop offset="1" stop-color="#5A3A46"/></radialGradient><radialGradient id="i0s0PyS" cx="0" cy="0" r="1" gradientTransform="matrix(.9375 0 0 .50781 29.625 13.024)" gradientUnits="userSpaceOnUse"><stop stop-color="#CFCBD8"/><stop offset="1" stop-color="#CFCBD8" stop-opacity="0"/></radialGradient><radialGradient id="i7Lk0Ae" cx="0" cy="0" r="1" gradientTransform="rotate(-70.371 20.492 -5.296)scale(3.62801 4.37707)" gradientUnits="userSpaceOnUse"><stop stop-color="#9571C7"/><stop offset="1" stop-color="#B0B0B7"/></radialGradient><radialGradient id="iwOfOQM" cx="0" cy="0" r="1" gradientTransform="rotate(180 10.251 6.69)scale(3.58221)" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#948DA4" stop-opacity="0"/><stop offset="1" stop-color="#636697"/></radialGradient><radialGradient id="iE1UUvc" cx="0" cy="0" r="1" gradientTransform="matrix(2.04688 -.875 .6589 1.54133 20.58 12.461)" gradientUnits="userSpaceOnUse"><stop offset=".247" stop-color="#D0CCDA"/><stop offset="1" stop-color="#B6B6BD" stop-opacity="0"/></radialGradient></defs></g></svg>Open Mailbox With Lowered Flag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:open-mailbox-with-lowered-flag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:open-mailbox-with-lowered-flag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:open-mailbox-with-lowered-flag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--open-mailbox-with-lowered-flag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:open-mailbox-with-lowered-flag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:open-mailbox-with-lowered-flag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/open-mailbox-with-lowered-flag.svg" alt="Open Mailbox With Lowered Flag アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Open Mailbox With Lowered Flag アイコン
Open Mailbox With Lowered Flag アイコン のよくある質問
Open Mailbox With Lowered Flag アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Open Mailbox With Lowered Flag アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:open-mailbox-with-lowered-flag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Open Mailbox With Lowered Flag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/open-mailbox-with-lowered-flag.svg" alt="Open Mailbox With Lowered Flag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。