Telephone Receiver アイコン
fluent-emoji:telephone-receiver
Telephone Receiver アイコン(fluent-emoji:telephone-receiver)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- telephonereceiver
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iira5Ld)"><path fill="url(#it8R2ce)" d="M2.55 6.642c0-1.78.884-3.406 1.587-3.96l8.734 8.562c-.375.5-1.195 1.031-2.172 1.484c-.539.328-1.086.961-.672 2.024c2.375 4.101 6.391 6.93 7.422 7.148c.743.158 1.383-.14 1.813-1.203c.476-.953 1.031-1.625 1.36-1.922l8.827 8.758c-.52.688-1.937 1.922-4.562 1.773c-5.203-.109-11.516-1.89-16.594-7.406C2.918 15.838 2.551 8.892 2.551 6.642"/><path fill="url(#iEcV55c)" d="M2.55 6.642c0-1.78.884-3.406 1.587-3.96l8.734 8.562c-.375.5-1.195 1.031-2.172 1.484c-.539.328-1.086.961-.672 2.024c2.375 4.101 6.391 6.93 7.422 7.148c.743.158 1.383-.14 1.813-1.203c.476-.953 1.031-1.625 1.36-1.922l8.827 8.758c-.52.688-1.937 1.922-4.562 1.773c-5.203-.109-11.516-1.89-16.594-7.406C2.918 15.838 2.551 8.892 2.551 6.642"/></g><g filter="url(#iVWMisc)"><path fill="url(#i2BEoSb)" d="M4.477 3.186q.04-.036.08-.067l7.986 7.826a5.76 5.76 0 0 1-8.066-7.759"/></g><g filter="url(#iF4GjqO)"><path fill="url(#ia4SSde)" d="M20.809 19.713c.133-.161.255-.288.354-.379L29.2 27.39l-.082.105a5.94 5.94 0 0 1-3.71 1.296c-3.307 0-5.989-2.703-5.989-6.036c0-1.254.742-2.078 1.39-3.042"/><path fill="url(#iPQ8bld)" d="M20.809 19.713c.133-.161.255-.288.354-.379L29.2 27.39l-.082.105a5.94 5.94 0 0 1-3.71 1.296c-3.307 0-5.989-2.703-5.989-6.036c0-1.254.742-2.078 1.39-3.042"/><path fill="url(#itOom4c)" d="M20.809 19.713c.133-.161.255-.288.354-.379L29.2 27.39l-.082.105a5.94 5.94 0 0 1-3.71 1.296c-3.307 0-5.989-2.703-5.989-6.036c0-1.254.742-2.078 1.39-3.042"/></g><g filter="url(#iy6mlye)"><path fill="url(#iGSNGsd)" d="M4.532 2.02a1.75 1.75 0 0 1 2.475 0l6.463 6.463a1.75 1.75 0 0 1 0 2.475l-.48.48a.4.4 0 0 1-.566 0L4.052 3.066a.4.4 0 0 1 0-.566z"/><path fill="url(#i1EDPjd)" d="M4.532 2.02a1.75 1.75 0 0 1 2.475 0l6.463 6.463a1.75 1.75 0 0 1 0 2.475l-.48.48a.4.4 0 0 1-.566 0L4.052 3.066a.4.4 0 0 1 0-.566z"/><path fill="url(#iqWvT9b)" d="M4.532 2.02a1.75 1.75 0 0 1 2.475 0l6.463 6.463a1.75 1.75 0 0 1 0 2.475l-.48.48a.4.4 0 0 1-.566 0L4.052 3.066a.4.4 0 0 1 0-.566z"/></g><g filter="url(#i0QEOac)"><path fill="url(#ica3OKd)" d="M20.842 18.369c.683-.683 1.714-.648 2.474 0c.954.812 5.922 5.781 6.552 6.551s.683 1.792 0 2.475l-.48.48a.4.4 0 0 1-.566 0l-8.46-8.46a.4.4 0 0 1 0-.566z"/><path fill="url(#iwKXbfd)" d="M20.842 18.369c.683-.683 1.714-.648 2.474 0c.954.812 5.922 5.781 6.552 6.551s.683 1.792 0 2.475l-.48.48a.4.4 0 0 1-.566 0l-8.46-8.46a.4.4 0 0 1 0-.566z"/></g><g filter="url(#i3MG3AC)"><path fill="url(#idiALyd)" d="M10.73 20.33c-3.188-3.004-3.864-5.854-4.25-7.188h2.094c-.02.417.738 3.082 2.656 5.094c4.032 4.227 7.157 5.737 8.532 6.227c-1.5-.125-4.313.312-9.032-4.133"/></g><defs><radialGradient id="iEcV55c" cx="0" cy="0" r="1" gradientTransform="matrix(-1 20.0625 -36.3312 -1.8109 21.98 9.681)" gradientUnits="userSpaceOnUse"><stop offset=".792" stop-color="#D43EB0" stop-opacity="0"/><stop offset="1" stop-color="#D43EB0"/></radialGradient><radialGradient id="i2BEoSb" cx="0" cy="0" r="1" gradientTransform="matrix(-2.24097 2.57277 -4.28637 -3.73358 10.362 8.722)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#F52958"/><stop offset="1" stop-color="#DB2148"/></radialGradient><radialGradient id="ia4SSde" cx="0" cy="0" r="1" gradientTransform="matrix(-3.09194 3.41544 -5.26042 -4.76217 26.197 24.057)" gradientUnits="userSpaceOnUse"><stop offset=".293" stop-color="#FB29AB"/><stop offset="1" stop-color="#FB29AB" stop-opacity="0"/></radialGradient><radialGradient id="iPQ8bld" cx="0" cy="0" r="1" gradientTransform="matrix(-2.33084 5.9193 -8.14109 -3.20571 24.561 22.2)" gradientUnits="userSpaceOnUse"><stop offset=".581" stop-color="#D82BA8" stop-opacity="0"/><stop offset=".945" stop-color="#D531AA"/></radialGradient><radialGradient id="itOom4c" cx="0" cy="0" r="1" gradientTransform="rotate(114.776 4.182 16.356)scale(4.25662 2.76717)" gradientUnits="userSpaceOnUse"><stop stop-color="#CE4B6E"/><stop offset="1" stop-color="#CE4B6E" stop-opacity="0"/></radialGradient><radialGradient id="iGSNGsd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.6071 2.85353 -5.62356 -5.1379 10.19 4.981)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8439B"/><stop offset="1" stop-color="#B73098"/></radialGradient><radialGradient id="i1EDPjd" cx="0" cy="0" r="1" gradientTransform="rotate(137.661 4.038 5.32)scale(1.52198 6.58497)" gradientUnits="userSpaceOnUse"><stop offset=".144" stop-color="#DD6CB6"/><stop offset="1" stop-color="#DB69B6" stop-opacity="0"/></radialGradient><radialGradient id="iqWvT9b" cx="0" cy="0" r="1" gradientTransform="matrix(-6.889 -1.06253 1.7834 -11.56278 10.824 4.806)" gradientUnits="userSpaceOnUse"><stop offset=".578" stop-color="#A35479" stop-opacity="0"/><stop offset=".962" stop-color="#A35479"/></radialGradient><radialGradient id="ica3OKd" cx="0" cy="0" r="1" gradientTransform="rotate(132.397 8.559 16.538)scale(3.8931 7.67182)" gradientUnits="userSpaceOnUse"><stop stop-color="#BD3995"/><stop offset="1" stop-color="#AC3BA4"/></radialGradient><radialGradient id="iwKXbfd" cx="0" cy="0" r="1" gradientTransform="rotate(137.226 8.719 16.638)scale(1.51947 5.12615)" gradientUnits="userSpaceOnUse"><stop stop-color="#DB69B6"/><stop offset="1" stop-color="#DB69B6" stop-opacity="0"/></radialGradient><filter id="iira5Ld" width="27.898" height="26.637" x="2.551" y="2.681" 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="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.827451 0 0 0 0 0.317647 0 0 0 0 0.313726 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19175"/></filter><filter id="iVWMisc" width="10.844" height="10.719" x="2.699" y="2.119" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19175" stdDeviation=".5"/></filter><filter id="iF4GjqO" width="11.781" height="11.457" x="18.418" y="18.334" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19175" stdDeviation=".5"/></filter><filter id="iy6mlye" width="10.197" height="10.197" x="3.935" y="1.358" 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=".15" dy="-.15"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.623529 0 0 0 0 0.321569 0 0 0 0 0.47451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19175"/></filter><filter id="i0QEOac" width="10.266" height="10.273" x="20.245" y="17.72" 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=".15" dy="-.15"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.623529 0 0 0 0 0.321569 0 0 0 0 0.47451 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19175"/></filter><filter id="i3MG3AC" width="16.781" height="14.82" x="4.73" y="11.392" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19175" stdDeviation=".875"/></filter><linearGradient id="it8R2ce" x1="-.645" x2="22.855" y1="6.431" y2="28.556" gradientUnits="userSpaceOnUse"><stop stop-color="#E12D3E"/><stop offset="1" stop-color="#E821A1"/></linearGradient><linearGradient id="idiALyd" x1="7.543" x2="15.168" y1="13.049" y2="22.205" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6670"/><stop offset="1" stop-color="#FF5693"/></linearGradient></defs></g></svg>Telephone Receiver アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:telephone-receiver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:telephone-receiver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:telephone-receiver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--telephone-receiver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:telephone-receiver"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:telephone-receiver"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/telephone-receiver.svg" alt="Telephone Receiver アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Telephone Receiver アイコン
Telephone Receiver アイコン のよくある質問
Telephone Receiver アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Telephone Receiver アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:telephone-receiver" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Telephone Receiver アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/telephone-receiver.svg" alt="Telephone Receiver アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。