Speaker High Volume アイコン
fluent-emoji:speaker-high-volume
Speaker High Volume アイコン(fluent-emoji:speaker-high-volume)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- speakerhigh、highvolume、speakerhighvolume
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="18.998" cy="15.989" r="3.219" fill="url(#inTc0Ld)"/><circle cx="18.998" cy="15.989" r="3.219" fill="url(#i8mztob)"/><circle cx="18.998" cy="15.989" r="3.219" fill="url(#ikPacob)"/><path fill="url(#igNwdgb)" d="M2.466 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H4.066a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iUrhDBQ)" d="M2.466 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H4.066a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iUrWNwb)" d="M2.466 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H4.066a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iVF0Mkm)" d="M2.466 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H4.066a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iHEnmmc)" d="M2.466 10.644a1.6 1.6 0 0 1 1.6-1.6h4.338v13.89H4.066a1.6 1.6 0 0 1-1.6-1.6z"/><path fill="url(#iE6uNYd)" d="M19.263 6.865c0-1.62-1.724-2.658-3.156-1.9L8.404 9.044v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#ilbBzte)" d="M19.263 6.865c0-1.62-1.724-2.658-3.156-1.9L8.404 9.044v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#iBGoYAR)" d="M19.263 6.865c0-1.62-1.724-2.658-3.156-1.9L8.404 9.044v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#i6DNtte)" d="M19.263 6.865c0-1.62-1.724-2.658-3.156-1.9L8.404 9.044v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#ibe9rTc)" d="M19.263 6.865c0-1.62-1.724-2.658-3.156-1.9L8.404 9.044v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><path fill="url(#iT2n7Jb)" d="M19.263 6.865c0-1.62-1.724-2.658-3.156-1.9L8.404 9.044v13.89l7.699 4.099c1.432.762 3.16-.275 3.16-1.898z"/><g filter="url(#ioZU2Bb)"><path stroke="url(#iNnMXfc)" stroke-linecap="round" stroke-width="1.9" d="M23.3 11.59a5.85 5.85 0 0 1 1.889 4.325c0 2.312-1.227 3.933-1.889 4.504"/></g><g filter="url(#ifZQyBd)"><path stroke="url(#iZBFiEy)" stroke-linecap="round" stroke-width=".5" d="M23.526 11.396a5.85 5.85 0 0 1 1.889 4.326c0 2.31-1.227 3.932-1.889 4.503"/></g><g filter="url(#iBK81HA)"><path stroke="url(#i0CeudL)" stroke-linecap="round" stroke-width="1.9" d="M24.233 7.075c.872.435 5.032 3.018 5.032 8.752c0 5.91-4.354 8.316-5.064 8.751"/></g><g filter="url(#ioUjhnc)"><path stroke="url(#ir4JT9b)" stroke-linecap="round" stroke-width=".5" d="M24.503 7.058c.871.436 5.03 3.019 5.03 8.753c0 5.91-4.352 8.316-5.062 8.751"/></g><defs><linearGradient id="igNwdgb" x1="9.466" x2="5.435" y1="11.247" y2="20.747" gradientUnits="userSpaceOnUse"><stop offset=".213" stop-color="#D2CED6"/><stop offset="1" stop-color="#DDD5E6"/></linearGradient><linearGradient id="iUrhDBQ" x1="5.435" x2="5.435" y1="9.044" y2="14.112" gradientUnits="userSpaceOnUse"><stop stop-color="#C5C4C5"/><stop offset="1" stop-color="#C5C4C5" stop-opacity="0"/></linearGradient><linearGradient id="iUrWNwb" x1="6.716" x2="6.716" y1="23.309" y2="19.309" gradientUnits="userSpaceOnUse"><stop stop-color="#B6B0BD"/><stop offset="1" stop-color="#D8D0E1" stop-opacity="0"/></linearGradient><linearGradient id="iVF0Mkm" x1="2.466" x2="5.029" 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="iHEnmmc" x1="8.987" x2="8.019" y1="20.736" y2="20.736" gradientUnits="userSpaceOnUse"><stop offset=".267" stop-color="#CCC5D4"/><stop offset="1" stop-color="#CCC5D4" stop-opacity="0"/></linearGradient><linearGradient id="iE6uNYd" x1="19.841" x2="11.341" y1="7.747" y2="24.059" gradientUnits="userSpaceOnUse"><stop stop-color="#BFBAC4"/><stop offset="1" stop-color="#CAC2D3"/></linearGradient><linearGradient id="ilbBzte" x1="7.25" x2="11.433" y1="18.565" y2="18.565" gradientUnits="userSpaceOnUse"><stop stop-color="#C4BECC"/><stop offset="1" stop-color="#C4BECC" stop-opacity="0"/></linearGradient><linearGradient id="i6DNtte" x1="12.435" x2="14.123" y1="25.465" y2="22.278" gradientUnits="userSpaceOnUse"><stop stop-color="#B3AFB8"/><stop offset="1" stop-color="#CAC2D3" stop-opacity="0"/></linearGradient><linearGradient id="ibe9rTc" x1="20.459" x2="17.074" y1="21.693" y2="21.693" gradientUnits="userSpaceOnUse"><stop stop-color="#E6E7EF"/><stop offset="1" stop-color="#D2CBDA" stop-opacity="0"/></linearGradient><linearGradient id="iNnMXfc" x1="24.244" x2="24.244" y1="11.59" y2="21.468" gradientUnits="userSpaceOnUse"><stop stop-color="#41AEFF"/><stop offset="1" stop-color="#4998F7"/></linearGradient><linearGradient id="iZBFiEy" x1="24.471" x2="24.471" y1="11.396" y2="21.274" gradientUnits="userSpaceOnUse"><stop stop-color="#5BC7FF"/><stop offset="1" stop-color="#4C97F6"/></linearGradient><linearGradient id="i0CeudL" x1="28.409" x2="28.409" y1="11.59" y2="21.468" gradientUnits="userSpaceOnUse"><stop stop-color="#41AEFF"/><stop offset="1" stop-color="#4998F7"/></linearGradient><linearGradient id="ir4JT9b" x1="27.002" x2="27.002" y1="7.058" y2="26.642" gradientUnits="userSpaceOnUse"><stop stop-color="#5BC7FF"/><stop offset="1" stop-color="#4C97F6"/></linearGradient><radialGradient id="inTc0Ld" cx="0" cy="0" r="1" gradientTransform="rotate(113.233 6.068 13.954)scale(5.79574)" gradientUnits="userSpaceOnUse"><stop offset=".097" stop-color="#E1E0E4"/><stop offset="1" stop-color="#CECAD6"/></radialGradient><radialGradient id="i8mztob" cx="0" cy="0" r="1" gradientTransform="rotate(145.706 8.275 10.725)scale(1.89104)" gradientUnits="userSpaceOnUse"><stop stop-color="#F4F6FE"/><stop offset="1" stop-color="#F4F6FE" stop-opacity="0"/></radialGradient><radialGradient id="ikPacob" cx="0" cy="0" r="1" gradientTransform="matrix(-.27222 3.9757 -4.04797 -.27717 19.27 15.232)" gradientUnits="userSpaceOnUse"><stop offset=".594" stop-color="#D1CCD9" stop-opacity="0"/><stop offset="1" stop-color="#B9B6BF"/></radialGradient><radialGradient id="iBGoYAR" cx="0" cy="0" r="1" gradientTransform="matrix(2.625 4.375 -15.32416 9.19451 11.498 6.966)" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#ABABAC"/><stop offset="1" stop-color="#C2BDC7" stop-opacity="0"/></radialGradient><radialGradient id="iT2n7Jb" cx="0" cy="0" r="1" gradientTransform="matrix(0 16.0625 -2.22649 0 18.404 11.653)" gradientUnits="userSpaceOnUse"><stop stop-color="#F8F6FB"/><stop offset="1" stop-color="#E7E6EE" stop-opacity="0"/></radialGradient><filter id="ioZU2Bb" width="3.788" height="10.979" x="22.35" y="10.39" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.396078 0 0 0 0 0.713726 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17849"/></filter><filter id="ifZQyBd" width="3.188" height="10.129" x="22.876" y="10.746" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17849" stdDeviation=".2"/></filter><filter id="iBK81HA" width="6.964" height="19.804" x="23.251" y="5.724" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.396078 0 0 0 0 0.713726 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17849"/></filter><filter id="ioUjhnc" width="6.363" height="18.804" x="23.82" y="6.408" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17849" stdDeviation=".2"/></filter></defs></g></svg>Speaker High Volume アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:speaker-high-volume" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:speaker-high-volume" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:speaker-high-volume" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--speaker-high-volume]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:speaker-high-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-high-volume"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/speaker-high-volume.svg" alt="Speaker High Volume アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Speaker High Volume アイコン
Speaker High Volume アイコン のよくある質問
Speaker High Volume アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Speaker High Volume アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:speaker-high-volume" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speaker High Volume アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/speaker-high-volume.svg" alt="Speaker High Volume アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。