Call Chevron Down 48 Regular アイコン

Q: Call Chevron Down 48 Regular アイコンは商用利用でも無料ですか?

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

fluent:call-chevron-down-48-regular

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

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 48 × 48
タグ: callchevron、chevrondown、downregular、callchevrondownregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M14.162 3.75a5.25 5.25 0 0 1 4.955 3.516l1.647 4.703a5.25 5.25 0 0 1-1.595 5.767l-2.323 1.937c-.71.592-.914 1.315-.719 1.86c.824 2.307 2.763 5.276 4.457 6.984c.383.386 1.03.556 1.799.377l3.422-.798a5.25 5.25 0 0 1 5.237 1.764l2.639 3.19a5.17 5.17 0 0 1 .428 5.987c-2.637 4.315-8.15 6.451-12.643 3.377A40 40 0 0 1 9.418 29.375c-3.67-6.356-4.744-12.384-4.879-16.89C4.38 7.13 9.08 3.75 14.01 3.75zm-.152 2.5c-3.966 0-7.078 2.622-6.972 6.16c.126 4.174 1.12 9.782 4.545 15.715a37.5 37.5 0 0 0 11.294 12.226c3.004 2.055 6.998.82 9.099-2.618a2.67 2.67 0 0 0-.221-3.09l-2.639-3.188a2.75 2.75 0 0 0-2.744-.925l-3.42.798c-1.362.318-2.986.115-4.142-1.05c-1.931-1.947-4.08-5.223-5.037-7.904c-.657-1.838.239-3.594 1.472-4.622l2.323-1.937a2.75 2.75 0 0 0 .836-3.02l-1.646-4.703a2.75 2.75 0 0 0-2.596-1.842zm27.606 4.116a1.25 1.25 0 1 1 1.768 1.768l-7.5 7.5a1.25 1.25 0 0 1-1.768 0l-7.5-7.5a1.25 1.25 0 0 1 1.768-1.768L35 16.982z"/></svg>

Call Chevron Down 48 Regular アイコンの使い方

React

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

<Icon icon="fluent:call-chevron-down-48-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:call-chevron-down-48-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:call-chevron-down-48-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--call-chevron-down-48-regular]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent:call-chevron-down-48-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/call-chevron-down-48-regular.svg" alt="Call Chevron Down 48 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Call Chevron Down 48 Regular アイコンのよくある質問

Call Chevron Down 48 Regular アイコンは商用利用でも無料ですか?

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

React で Call Chevron Down 48 Regular アイコンを使うには?

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

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

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

Fluent UI System Icons をすべて見る →