Sound Wave Circle Sparkle Off 28 Regular アイコン
fluent:sound-wave-circle-sparkle-off-28-regular
Sound Wave Circle Sparkle Off 28 Regular アイコン(fluent:sound-wave-circle-sparkle-off-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
- タグ
- soundwave、wavecircle、circlesparkle、sparkleoff、offregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path fill="currentColor" d="M2.22 2.22a.75.75 0 0 1 1.06 0l22.5 22.5a.75.75 0 0 1-1.06 1.06l-2.787-2.787A11.94 11.94 0 0 1 14 26C7.373 26 2 20.627 2 14c0-3.044 1.134-5.822 3.002-7.937L2.22 3.28a.75.75 0 0 1 0-1.06m3.845 4.906A10.46 10.46 0 0 0 3.5 14c0 5.799 4.701 10.5 10.5 10.5c2.63 0 5.03-.971 6.871-2.568L13 14.06v4.189a.75.75 0 0 1-1.5 0v-5.69zm19.921 7.454a11.93 11.93 0 0 1-2.062 6.161l-1.082-1.082a10.44 10.44 0 0 0 1.62-4.768a1.37 1.37 0 0 0 1.524-.31M18.5 9.985c.116.296.313.555.57.745c.273.188.597.288.929.289v5.797L18.5 15.317zM8.75 11.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75M24.981 8a.36.36 0 0 1 .343.242l.298.918a1.89 1.89 0 0 0 1.2 1.197l.917.3l.019.003a.364.364 0 0 1 .176.552a.36.36 0 0 1-.176.132l-.92.299a1.9 1.9 0 0 0-1.197 1.197l-.3.918a.363.363 0 0 1-.683 0l-.299-.918a1.9 1.9 0 0 0-1.198-1.202l-.919-.298a.364.364 0 0 1-.176-.552a.36.36 0 0 1 .176-.132l.92-.299A1.9 1.9 0 0 0 24.34 9.16l.299-.918A.36.36 0 0 1 24.98 8m-5.01-8a.605.605 0 0 1 .57.403l.497 1.53a3.15 3.15 0 0 0 1.998 1.997l1.53.497l.032.007a.606.606 0 0 1 0 1.14l-1.532.496a3.16 3.16 0 0 0-1.998 1.997l-.497 1.53l-.014.038a.605.605 0 0 1-1.126-.038l-.497-1.53a3.15 3.15 0 0 0-1.998-2.004l-1.532-.497a.605.605 0 0 1 0-1.14l1.532-.496a3.16 3.16 0 0 0 1.954-1.96l.012-.037l.498-1.53A.6.6 0 0 1 19.97 0M14 2a12 12 0 0 1 3.447.503a2.1 2.1 0 0 1-.838.496l-1.52.5l-.118.045Q14.49 3.499 14 3.5c-2.085 0-4.027.61-5.66 1.657L7.256 4.073A11.94 11.94 0 0 1 14 2"/></svg>Sound Wave Circle Sparkle Off 28 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:sound-wave-circle-sparkle-off-28-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:sound-wave-circle-sparkle-off-28-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:sound-wave-circle-sparkle-off-28-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--sound-wave-circle-sparkle-off-28-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:sound-wave-circle-sparkle-off-28-regular"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:sound-wave-circle-sparkle-off-28-regular"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/sound-wave-circle-sparkle-off-28-regular.svg" alt="Sound Wave Circle Sparkle Off 28 Regular アイコン" width="24" height="24">Fluent UI System Icons の関連アイコン
Sound Wave Circle Sparkle Off 28 Regular アイコン のよくある質問
Sound Wave Circle Sparkle Off 28 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sound Wave Circle Sparkle Off 28 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:sound-wave-circle-sparkle-off-28-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sound Wave Circle Sparkle Off 28 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/sound-wave-circle-sparkle-off-28-regular.svg" alt="Sound Wave Circle Sparkle Off 28 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。