Telephone アイコン
fluent-emoji-flat:telephone
Telephone アイコン(fluent-emoji-flat:telephone)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="m29.961 14.1l-.33-1.47A7.18 7.18 0 0 0 22.621 7H9.38a7.2 7.2 0 0 0-7.021 5.63l-.32 1.47c-.22.97.52 1.9 1.52 1.9h5.62c.76 0 1.37-.61 1.37-1.37v-.7c0-.52.42-.94.94-.94H20.5c.52 0 .94.42.94.94v.7c0 .76.61 1.37 1.37 1.37h5.621c1.01 0 1.75-.93 1.53-1.9"/><path fill="#990838" d="M3 14a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm20 0a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z"/><path fill="#f92f60" d="m28.12 19.5l-3.66-4.88c-.29-.39-.75-.62-1.24-.62h-.91c-.17 0-.31-.14-.31-.31v-2.38c0-.17-.14-.31-.31-.31h-1.38c-.17 0-.31.14-.31.31v2.38c0 .17-.14.31-.31.31h-7.38c-.17 0-.31-.14-.31-.31v-2.38c0-.17-.14-.31-.31-.31h-1.38c-.17 0-.31.14-.31.31v2.38c0 .17-.14.31-.31.31h-.91c-.49 0-.95.23-1.25.63L3.88 19.5A9.37 9.37 0 0 0 2 25.13v3.31C2 29.3 2.7 30 3.56 30h24.88c.86 0 1.56-.7 1.56-1.56v-3.31c0-2.03-.66-4.01-1.88-5.63"/><path fill="#990838" d="M28.44 27H3.56C2.7 27 2 26.36 2 25.5v2.94C2 29.3 2.7 30 3.56 30h24.88c.86 0 1.56-.7 1.56-1.56V25.5c0 .86-.7 1.5-1.56 1.5"/><path fill="#e6e6e6" d="M13.698 19h-1.376a.315.315 0 0 1-.322-.312v-1.376c0-.171.14-.312.312-.312h1.376c.17 0 .311.14.311.312v1.376a.3.3 0 0 1-.3.312m3 0h-1.376a.315.315 0 0 1-.322-.312v-1.376c0-.171.14-.312.312-.312h1.376c.17 0 .312.14.312.312v1.376a.3.3 0 0 1-.302.312m1.624 0h1.376a.3.3 0 0 0 .302-.312v-1.376a.314.314 0 0 0-.312-.312h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312m-4.624 3h-1.376a.315.315 0 0 1-.322-.312v-1.376c0-.171.14-.312.312-.312h1.376c.17 0 .311.14.311.312v1.376a.3.3 0 0 1-.3.312m1.624 0H16.7a.3.3 0 0 0 .302-.312v-1.376A.314.314 0 0 0 16.69 20h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312m4.376 0h-1.376a.315.315 0 0 1-.322-.312v-1.376c0-.171.14-.312.311-.312h1.377c.17 0 .312.14.312.312v1.376A.3.3 0 0 1 19.7 22m-7.376 3H13.7c.17 0 .311-.14.301-.312v-1.376A.313.313 0 0 0 13.69 23h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312m4.376 0h-1.376a.315.315 0 0 1-.322-.312v-1.376c0-.171.14-.312.312-.312h1.376c.17 0 .312.14.312.312v1.376A.3.3 0 0 1 16.7 25m1.624 0H19.7a.3.3 0 0 0 .302-.312v-1.376A.314.314 0 0 0 19.69 23h-1.376a.313.313 0 0 0-.312.312v1.376c0 .171.14.312.322.312"/></g></svg>
Telephone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:telephone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:telephone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:telephone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--telephone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:telephone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:telephone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/telephone.svg" alt="Telephone アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Telephone アイコン
Telephone アイコン のよくある質問
Telephone アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Telephone アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:telephone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Telephone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/telephone.svg" alt="Telephone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
