Incoming Call アイコン
fluent-mdl2:incoming-call
Incoming Call アイコン(fluent-mdl2:incoming-call)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- incomingcall
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1530 1307q39 0 76 15t65 43q21 21 47 44t55 49t54 54t47 57t33 62t13 66q0 39-15 76t-43 65q-51 51-92 90t-85 66t-99 40t-129 14q-109 0-224-34t-229-94t-223-143t-206-181t-180-207t-141-222t-92-227t-34-220q0-76 13-130t40-98t66-85t91-93q28-28 65-43t76-15q50 0 96 27t89 66t79 82t68 74q28 28 43 65t15 76t-13 70t-32 55t-42 45t-42 40t-33 37t-13 40q0 12 18 38t50 62t71 77t84 85t87 85t81 78t66 63t42 40q21 21 50 21q21 0 39-13t37-32t39-42t46-42t55-33t71-13m-73 613q61 0 102-11t75-34t64-54t73-73q21-21 21-50q0-13-16-37t-40-54t-55-60t-60-55t-53-41t-38-16q-21 0-40 13t-37 32t-39 42t-46 42t-55 33t-70 13q-40 0-76-15t-65-44l-477-477q-28-28-43-64t-16-77q0-39 13-69t32-56t42-45t42-40t33-37t13-40q0-13-16-37t-40-53t-55-60t-60-55t-54-41t-37-16q-30 0-51 21q-41 41-73 72t-54 64t-33 75t-12 101q0 96 31 198t86 206t132 202t165 187t188 164t202 130t203 85t194 31m335-896h-640V384h128v421l595-594l90 90l-594 595h421z"/></svg>Incoming Call アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:incoming-call" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:incoming-call" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:incoming-call" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--incoming-call]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:incoming-call"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:incoming-call"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/incoming-call.svg" alt="Incoming Call アイコン" width="24" height="24">他のアイコンセットの Incoming Call アイコン
Incoming Call アイコン のよくある質問
Incoming Call アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Incoming Call アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:incoming-call" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Incoming Call アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/incoming-call.svg" alt="Incoming Call アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。