Speaker Low Volume アイコン

Q: Speaker Low Volume アイコンは商用利用でも無料ですか?

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

fluent-emoji:speaker-low-volume

Speaker Low Volume アイコン(fluent-emoji:speaker-low-volume)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: speakerlow、lowvolume、speakerlowvolume

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="22.656" cy="15.989" r="3.219" fill="url(#iRB517c)"/><circle cx="22.656" cy="15.989" r="3.219" fill="url(#i9nm7ld)"/><circle cx="22.656" cy="15.989" r="3.219" fill="url(#iUOhEmc)"/><path fill="url(#ipduQUb)" d="M6.125 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H7.725a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#irxwCOe)" d="M6.125 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H7.725a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#i4Sko8d)" d="M6.125 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H7.725a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iJZHAid)" d="M6.125 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H7.725a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iHRJGwD)" d="M6.125 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H7.725a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#itKrDoc)" d="M22.922 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.703 4.079v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#i22YEpc)" d="M22.922 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.703 4.079v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#i7dXJbc)" d="M22.922 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.703 4.079v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#iFLAKhe)" d="M22.922 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.703 4.079v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#iWkFTGe)" d="M22.922 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.703 4.079v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#iSiWS4I)" d="M22.922 6.865c0-1.62-1.724-2.658-3.156-1.9l-7.703 4.079v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><defs><linearGradient id="ipduQUb" x1="13.125" x2="9.094" y1="11.247" y2="20.747" gradientUnits="userSpaceOnUse"><stop offset=".213" stop-color="#D2CED6"/><stop offset="1" stop-color="#DDD5E6"/></linearGradient><linearGradient id="irxwCOe" x1="9.094" x2="9.094" y1="9.043" y2="14.111" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C4C5"/><stop offset="1" stop-color="#C5C4C5" stop-opacity="0"/></linearGradient><linearGradient id="i4Sko8d" x1="10.375" x2="10.375" y1="23.309" y2="19.309" gradientUnits="userSpaceOnUse"><stop stop-color="#B6B0BD"/><stop offset="1" stop-color="#D8D0E1" stop-opacity="0"/></linearGradient><linearGradient id="iJZHAid" x1="6.125" x2="8.688" y1="18.247" y2="18.247" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#A5A5A5"/><stop offset="1" stop-color="#C3BECB" stop-opacity="0"/></linearGradient><linearGradient id="iHRJGwD" x1="12.646" x2="11.677" y1="20.735" y2="20.735" gradientUnits="userSpaceOnUse"><stop offset=".267" stop-color="#CCC5D4"/><stop offset="1" stop-color="#CCC5D4" stop-opacity="0"/></linearGradient><linearGradient id="itKrDoc" x1="23.5" x2="15" y1="7.747" y2="24.059" gradientUnits="userSpaceOnUse"><stop stop-color="#BFBAC4"/><stop offset="1" stop-color="#CAC2D3"/></linearGradient><linearGradient id="i22YEpc" x1="10.908" x2="15.092" y1="18.565" y2="18.565" gradientUnits="userSpaceOnUse"><stop stop-color="#C4BECC"/><stop offset="1" stop-color="#C4BECC" stop-opacity="0"/></linearGradient><linearGradient id="iFLAKhe" x1="16.094" x2="17.781" y1="25.465" y2="22.278" gradientUnits="userSpaceOnUse"><stop stop-color="#B3AFB8"/><stop offset="1" stop-color="#CAC2D3" stop-opacity="0"/></linearGradient><linearGradient id="iWkFTGe" x1="24.118" x2="20.733" y1="21.693" y2="21.693" gradientUnits="userSpaceOnUse"><stop stop-color="#E6E7EF"/><stop offset="1" stop-color="#D2CBDA" stop-opacity="0"/></linearGradient><radialGradient id="iRB517c" cx="0" cy="0" r="1" gradientTransform="rotate(113.233 7.897 15.159)scale(5.79574)" gradientUnits="userSpaceOnUse"><stop offset=".097" stop-color="#E1E0E4"/><stop offset="1" stop-color="#CECAD6"/></radialGradient><radialGradient id="i9nm7ld" cx="0" cy="0" r="1" gradientTransform="rotate(145.706 10.104 11.29)scale(1.89104)" gradientUnits="userSpaceOnUse"><stop stop-color="#F4F6FE"/><stop offset="1" stop-color="#F4F6FE" stop-opacity="0"/></radialGradient><radialGradient id="iUOhEmc" cx="0" cy="0" r="1" gradientTransform="matrix(-.27222 3.9757 -4.04797 -.27717 22.928 15.232)" gradientUnits="userSpaceOnUse"><stop offset=".594" stop-color="#D1CCD9" stop-opacity="0"/><stop offset="1" stop-color="#B9B6BF"/></radialGradient><radialGradient id="i7dXJbc" cx="0" cy="0" r="1" gradientTransform="matrix(2.625 4.375 -15.32416 9.19451 15.156 6.966)" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#ABABAC"/><stop offset="1" stop-color="#C2BDC7" stop-opacity="0"/></radialGradient><radialGradient id="iSiWS4I" cx="0" cy="0" r="1" gradientTransform="matrix(0 16.0625 -2.22649 0 22.063 11.653)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8F6FB"/><stop offset="1" stop-color="#E7E6EE" stop-opacity="0"/></radialGradient></defs></g></svg>

Speaker Low Volume アイコンの使い方

React

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

<Icon icon="fluent-emoji:speaker-low-volume" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:speaker-low-volume" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:speaker-low-volume" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--speaker-low-volume]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:speaker-low-volume"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:speaker-low-volume"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/speaker-low-volume.svg" alt="Speaker Low Volume アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの Speaker Low Volume アイコン

Speaker Low Volume アイコンのよくある質問

Speaker Low Volume アイコンは商用利用でも無料ですか?

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

React で Speaker Low Volume アイコンを使うには?

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

Speaker Low Volume アイコンをウェブページに追加するには?

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

Fluent Emoji アイコンをすべて見る →