Call End 28 Regular アイコン

Q: Call End 28 Regular アイコンは商用利用でも無料ですか?

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

fluent:call-end-28-regular

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

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 28 × 28
タグ: callend、endregular、callendregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path fill="currentColor" d="M22.96 11.482c1.193.57 1.748 1.951 1.416 3.39l-.434 1.877a1.25 1.25 0 0 1-1.423.952l-3.147-.524a.75.75 0 0 1-.61-.577l-.78-3.513a.75.75 0 0 0-.495-.548l-.237.711l.237-.711l-.003-.001l-.005-.002l-.017-.006l-.059-.018l-.213-.062a12 12 0 0 0-.754-.184A12 12 0 0 0 14 12c-.942 0-1.809.134-2.435.266a12 12 0 0 0-1.026.264l-.018.006l-.005.002h-.003l.237.712l-.237-.711a.75.75 0 0 0-.495.548l-.78 3.513a.75.75 0 0 1-.61.577l-3.146.524a1.25 1.25 0 0 1-1.424-.952l-.428-1.857c-.334-1.447.229-2.837 1.432-3.405c1.954-.924 5.033-1.974 8.94-1.987c3.922-.013 7.007 1.049 8.959 1.982m-6.345 2.366l.684 3.077a2.25 2.25 0 0 0 1.826 1.731l3.147.525a2.75 2.75 0 0 0 3.132-2.094l.433-1.878c.454-1.967-.269-4.143-2.23-5.08c-2.103-1.007-5.412-2.143-9.61-2.129c-4.176.014-7.472 1.136-9.576 2.13c-1.975.934-2.71 3.12-2.253 5.099l.429 1.858a2.75 2.75 0 0 0 3.131 2.094l3.147-.525a2.25 2.25 0 0 0 1.827-1.731l.684-3.077q.203-.053.488-.114c.56-.118 1.319-.234 2.126-.234c.808 0 1.566.116 2.127.234q.285.061.488.114"/></svg>

Call End 28 Regular アイコンの使い方

React

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

<Icon icon="fluent:call-end-28-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:call-end-28-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:call-end-28-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--call-end-28-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:call-end-28-regular"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:call-end-28-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/call-end-28-regular.svg" alt="Call End 28 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Call End 28 Regular アイコンのよくある質問

Call End 28 Regular アイコンは商用利用でも無料ですか?

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

React で Call End 28 Regular アイコンを使うには?

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

Call End 28 Regular アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →