Incoming Envelope アイコン

Q: Incoming Envelope アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:incoming-envelope

Incoming Envelope アイコン(fluent-emoji:incoming-envelope)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: incomingenvelope

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#DFD0E6" d="m8.419 16.294l10.289.864l-1.975 10.932l-10.422.48z"/><path fill="url(#iCCYpZc)" d="m8.419 16.294l10.289.864l-1.975 10.932l-10.422.48z"/><path fill="url(#iNxKjHe)" d="m8.419 16.294l10.289.864l-1.975 10.932l-10.422.48z"/><path fill="url(#iBBXJiT)" d="m8.419 16.294l10.289.864l-1.975 10.932l-10.422.48z"/><path fill="url(#i1L8xtE)" d="M27.287 28.578L16.96 27.575l1.975-10.932l10.422-.48z"/><path fill="url(#ix17Dfn)" d="M27.287 28.578L16.96 27.575l1.975-10.932l10.422-.48z"/><path fill="url(#iMuPUbb)" d="M27.287 28.578L16.96 27.575l1.975-10.932l10.422-.48z"/><path fill="#E6D8F1" d="m27.244 28.772l.053-.23a.4.4 0 0 0-.162-.418l-8.937-6.226a.4.4 0 0 0-.425-.02l-11.21 6.307a.5.5 0 0 0-.249.358l-.038.241a1 1 0 0 0 .988 1.155h18.518a1.5 1.5 0 0 0 1.462-1.167"/><path fill="url(#iqi9iOd)" d="m27.244 28.772l.053-.23a.4.4 0 0 0-.162-.418l-8.937-6.226a.4.4 0 0 0-.425-.02l-11.21 6.307a.5.5 0 0 0-.249.358l-.038.241a1 1 0 0 0 .988 1.155h18.518a1.5 1.5 0 0 0 1.462-1.167"/><path fill="url(#iDyi9xc)" d="m27.244 28.772l.053-.23a.4.4 0 0 0-.162-.418l-8.937-6.226a.4.4 0 0 0-.425-.02l-11.21 6.307a.5.5 0 0 0-.249.358l-.038.241a1 1 0 0 0 .988 1.155h18.518a1.5 1.5 0 0 0 1.462-1.167"/><path fill="url(#isXImLd)" d="m27.244 28.772l.053-.23a.4.4 0 0 0-.162-.418l-8.937-6.226a.4.4 0 0 0-.425-.02l-11.21 6.307a.5.5 0 0 0-.249.358l-.038.241a1 1 0 0 0 .988 1.155h18.518a1.5 1.5 0 0 0 1.462-1.167"/><path fill="url(#isvyFMc)" d="m27.244 28.772l.053-.23a.4.4 0 0 0-.162-.418l-8.937-6.226a.4.4 0 0 0-.425-.02l-11.21 6.307a.5.5 0 0 0-.249.358l-.038.241a1 1 0 0 0 .988 1.155h18.518a1.5 1.5 0 0 0 1.462-1.167"/><path fill="url(#iukLAje)" d="m27.244 28.772l.053-.23a.4.4 0 0 0-.162-.418l-8.937-6.226a.4.4 0 0 0-.425-.02l-11.21 6.307a.5.5 0 0 0-.249.358l-.038.241a1 1 0 0 0 .988 1.155h18.518a1.5 1.5 0 0 0 1.462-1.167"/><g filter="url(#io2Tu9b)"><path fill="url(#infsBeb)" d="M1.498 16.715c0-.378.306-.684.684-.684H6.76a.684.684 0 0 1 0 1.367H2.182a.684.684 0 0 1-.684-.683"/><path fill="url(#iWzKKpc)" d="M1.498 16.715c0-.378.306-.684.684-.684H6.76a.684.684 0 0 1 0 1.367H2.182a.684.684 0 0 1-.684-.683"/><path fill="url(#iKMHwMb)" d="M1.498 16.715c0-.378.306-.684.684-.684H6.76a.684.684 0 0 1 0 1.367H2.182a.684.684 0 0 1-.684-.683"/></g><g filter="url(#izcbWqe)"><path fill="url(#i6X9mug)" d="M1.498 24.723c0-.378.306-.684.684-.684h2.61a.684.684 0 1 1 0 1.367h-2.61a.684.684 0 0 1-.684-.683"/><path fill="url(#iroXTGe)" d="M1.498 24.723c0-.378.306-.684.684-.684h2.61a.684.684 0 1 1 0 1.367h-2.61a.684.684 0 0 1-.684-.683"/><path fill="url(#i2JbsJb)" d="M1.498 24.723c0-.378.306-.684.684-.684h2.61a.684.684 0 1 1 0 1.367h-2.61a.684.684 0 0 1-.684-.683"/></g><g filter="url(#i6V7Ayu)"><path fill="url(#iBDPUzb)" d="M1.498 20.707c0-.378.306-.684.684-.684H5.83a.684.684 0 0 1 0 1.368H2.182a.684.684 0 0 1-.684-.684"/><path fill="url(#iWdrWle)" d="M1.498 20.707c0-.378.306-.684.684-.684H5.83a.684.684 0 0 1 0 1.368H2.182a.684.684 0 0 1-.684-.684"/><path fill="url(#ikmLFsf)" d="M1.498 20.707c0-.378.306-.684.684-.684H5.83a.684.684 0 0 1 0 1.368H2.182a.684.684 0 0 1-.684-.684"/></g><g filter="url(#ihYLVJd)"><path fill="url(#il4kbmb)" d="m8.466 16.078l-.053.23a.4.4 0 0 0 .162.418l8.937 6.226a.4.4 0 0 0 .425.02l11.172-6.312a.4.4 0 0 0 .195-.266l.059-.278a1 1 0 0 0-.979-1.206H9.928a1.5 1.5 0 0 0-1.462 1.168"/><path fill="url(#iJemSVd)" d="m8.466 16.078l-.053.23a.4.4 0 0 0 .162.418l8.937 6.226a.4.4 0 0 0 .425.02l11.172-6.312a.4.4 0 0 0 .195-.266l.059-.278a1 1 0 0 0-.979-1.206H9.928a1.5 1.5 0 0 0-1.462 1.168"/><path fill="url(#i2QiIqc)" d="m8.466 16.078l-.053.23a.4.4 0 0 0 .162.418l8.937 6.226a.4.4 0 0 0 .425.02l11.172-6.312a.4.4 0 0 0 .195-.266l.059-.278a1 1 0 0 0-.979-1.206H9.928a1.5 1.5 0 0 0-1.462 1.168"/><path fill="url(#i4EW3Qb)" d="m8.466 16.078l-.053.23a.4.4 0 0 0 .162.418l8.937 6.226a.4.4 0 0 0 .425.02l11.172-6.312a.4.4 0 0 0 .195-.266l.059-.278a1 1 0 0 0-.979-1.206H9.928a1.5 1.5 0 0 0-1.462 1.168"/></g><defs><linearGradient id="iCCYpZc" x1="13.623" x2="13.295" y1="24.469" y2="23.813" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#DAC7DE"/><stop offset="1" stop-color="#DAC7DE" stop-opacity="0"/></linearGradient><linearGradient id="iNxKjHe" x1="7.514" x2="10.326" y1="21.406" y2="21.875" gradientUnits="userSpaceOnUse"><stop offset=".065" stop-color="#CEB9C1"/><stop offset="1" stop-color="#DBCAE1" stop-opacity="0"/></linearGradient><linearGradient id="iBBXJiT" x1="15.139" x2="13.67" y1="20.719" y2="22.531" gradientUnits="userSpaceOnUse"><stop offset=".229" stop-color="#CAA9DD"/><stop offset="1" stop-color="#D5BFE2" stop-opacity="0"/></linearGradient><linearGradient id="i1L8xtE" x1="27.889" x2="25.451" y1="23.656" y2="23.219" gradientUnits="userSpaceOnUse"><stop offset=".142" stop-color="#F2EDF9"/><stop offset="1" stop-color="#EDE3F8"/></linearGradient><linearGradient id="ix17Dfn" x1="23.242" x2="24.358" y1="26.281" y2="24.781" gradientUnits="userSpaceOnUse"><stop stop-color="#F6EDFF"/><stop offset="1" stop-color="#F6EDFF" stop-opacity="0"/></linearGradient><linearGradient id="iMuPUbb" x1="20.045" x2="21.17" y1="21.469" y2="23.094" gradientUnits="userSpaceOnUse"><stop offset=".078" stop-color="#E3D0F4"/><stop offset="1" stop-color="#EBDDF9" stop-opacity="0"/></linearGradient><linearGradient id="iqi9iOd" x1="16.785" x2="16.785" y1="21.826" y2="29.688" gradientUnits="userSpaceOnUse"><stop stop-color="#E6D9F2"/><stop offset="1" stop-color="#E1CEF3"/></linearGradient><linearGradient id="iDyi9xc" x1="16.785" x2="16.785" y1="27.281" y2="29.939" gradientUnits="userSpaceOnUse"><stop stop-color="#DAC1F0" stop-opacity="0"/><stop offset="1" stop-color="#CCA3EA"/></linearGradient><linearGradient id="isXImLd" x1="21.858" x2="21.365" y1="24.156" y2="24.859" gradientUnits="userSpaceOnUse"><stop offset=".312" stop-color="#F6F1FB"/><stop offset="1" stop-color="#E5D6F4" stop-opacity="0"/></linearGradient><linearGradient id="isvyFMc" x1="12.562" x2="12.743" y1="24.842" y2="25.159" gradientUnits="userSpaceOnUse"><stop stop-color="#DCC9D5"/><stop offset="1" stop-color="#E6D7F4" stop-opacity="0"/></linearGradient><linearGradient id="il4kbmb" x1="9.139" x2="28.514" y1="17" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#E5DAE4"/><stop offset="1" stop-color="#EEE7F3"/></linearGradient><linearGradient id="iJemSVd" x1="14.17" x2="15.67" y1="20.563" y2="18.375" gradientUnits="userSpaceOnUse"><stop stop-color="#DECEE7"/><stop offset="1" stop-color="#E9E0EA" stop-opacity="0"/></linearGradient><linearGradient id="i2QiIqc" x1="8.403" x2="11.139" y1="15.75" y2="16.656" gradientUnits="userSpaceOnUse"><stop stop-color="#D6C0BE"/><stop offset="1" stop-color="#E1D0D7" stop-opacity="0"/></linearGradient><radialGradient id="iukLAje" cx="0" cy="0" r="1" gradientTransform="rotate(38.089 -23.658 35.209)scale(1.59598 1.12561)" gradientUnits="userSpaceOnUse"><stop stop-color="#D8C2E7"/><stop offset="1" stop-color="#D8C2E7" stop-opacity="0"/></radialGradient><radialGradient id="infsBeb" cx="0" cy="0" r="1" gradientTransform="matrix(5.20313 0 0 .95847 2.014 16.375)" gradientUnits="userSpaceOnUse"><stop stop-color="#72FAFF"/><stop offset="1" stop-color="#50CBFF"/></radialGradient><radialGradient id="iWzKKpc" cx="0" cy="0" r="1" gradientTransform="matrix(-.73438 0 0 -.60938 7.342 16.469)" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#6CE5FF"/><stop offset="1" stop-color="#6CE5FF" stop-opacity="0"/></radialGradient><radialGradient id="iKMHwMb" cx="0" cy="0" r="1" gradientTransform="matrix(.76562 .45312 -.5421 .91595 1.498 16.11)" gradientUnits="userSpaceOnUse"><stop stop-color="#84CCC1"/><stop offset="1" stop-color="#84CCC1" stop-opacity="0"/></radialGradient><radialGradient id="i6X9mug" cx="0" cy="0" r="1" gradientTransform="matrix(3.48015 0 0 .95847 1.843 24.383)" gradientUnits="userSpaceOnUse"><stop stop-color="#72FAFF"/><stop offset="1" stop-color="#50CBFF"/></radialGradient><radialGradient id="iroXTGe" cx="0" cy="0" r="1" gradientTransform="matrix(-.4912 0 0 -.60938 5.407 24.477)" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#6CE5FF"/><stop offset="1" stop-color="#6CE5FF" stop-opacity="0"/></radialGradient><radialGradient id="i2JbsJb" cx="0" cy="0" r="1" gradientTransform="matrix(.5121 .45313 -.6138 .69367 1.498 24.117)" gradientUnits="userSpaceOnUse"><stop stop-color="#84CCC1"/><stop offset="1" stop-color="#84CCC1" stop-opacity="0"/></radialGradient><radialGradient id="iBDPUzb" cx="0" cy="0" r="1" gradientTransform="matrix(4.3895 0 0 .95847 1.933 20.367)" gradientUnits="userSpaceOnUse"><stop stop-color="#72FAFF"/><stop offset="1" stop-color="#50CBFF"/></radialGradient><radialGradient id="iWdrWle" cx="0" cy="0" r="1" gradientTransform="matrix(-.61954 0 0 -.60938 6.428 20.46)" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#6CE5FF"/><stop offset="1" stop-color="#6CE5FF" stop-opacity="0"/></radialGradient><radialGradient id="ikmLFsf" cx="0" cy="0" r="1" gradientTransform="matrix(.6459 .45312 -.58147 .82886 1.498 20.102)" gradientUnits="userSpaceOnUse"><stop stop-color="#84CCC1"/><stop offset="1" stop-color="#84CCC1" stop-opacity="0"/></radialGradient><radialGradient id="i4EW3Qb" cx="0" cy="0" r="1" gradientTransform="matrix(-11.06249 6.30481 -2.40385 -4.21782 28.889 16.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#FBF9FE"/><stop offset="1" stop-color="#E9E3EB" stop-opacity="0"/></radialGradient><filter id="io2Tu9b" width="5.945" height="1.467" x="1.498" y="15.931" 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="-.1"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.411765 0 0 0 0 0.647059 0 0 0 0 0.976471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21816"/></filter><filter id="izcbWqe" width="3.977" height="1.467" x="1.498" y="23.939" 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="-.1"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.411765 0 0 0 0 0.647059 0 0 0 0 0.976471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21816"/></filter><filter id="i6V7Ayu" width="5.016" height="1.467" x="1.498" y="19.923" 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="-.1"/><feGaussianBlur stdDeviation=".175"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.411765 0 0 0 0 0.647059 0 0 0 0 0.976471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21816"/></filter><filter id="ihYLVJd" width="20.981" height="8.413" x="8.403" y="14.81" 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=".2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.858824 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_21816"/><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="-.1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.85098 0 0 0 0 0.737255 0 0 0 0 0.929412 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_21816" result="effect2_innerShadow_18_21816"/></filter></defs></g></svg>

Incoming Envelope アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:incoming-envelope" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:incoming-envelope" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:incoming-envelope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--incoming-envelope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:incoming-envelope"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:incoming-envelope"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/incoming-envelope.svg" alt="Incoming Envelope アイコン" width="24" height="24">

他のアイコンセットの Incoming Envelope アイコン

Incoming Envelope アイコンのよくある質問

Incoming Envelope アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Incoming Envelope アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:incoming-envelope" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Incoming Envelope アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/incoming-envelope.svg" alt="Incoming Envelope アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →