Speaker High Volume アイコン
noto-v1:speaker-high-volume
Speaker High Volume アイコン(noto-v1:speaker-high-volume)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 物
- タグ
- speakerhigh、highvolume、speakerhighvolume
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" d="M64.79 15.5c-7.7 0-13.18 14.26-14.98 33.93c5.16.04 8.63 7.24 8.63 16.13c0 8.66-4.1 15.72-8.32 16.1c2.06 18.11 7.37 30.95 14.67 30.95c5.27 0 14.04-21.74 14.04-48.55c0-26.82-8.76-48.56-14.04-48.56"/><path fill="#78a3ad" d="M39.84 64.06c0-23.58 6.5-43.29 15.23-48.56h-3.29c-3.38 0-10.21 9.87-14.31 24.51L25.22 55.38c-1.45.22-2.91.57-4.38.9c-.56-6.23-1.84-10.57-4.23-10.91c.1-.01-.31-.04-.31-.04H8.11c-4.43 0-8.02 8.99-8.02 20.09c0 11.09 3.59 20.09 8.02 20.09h8.18s.41-.03.31-.05c2.43-.35 3.71-4.85 4.26-11.25l4.35 1.25l14.06 17.75s.11.04.27.08c4.35 11.73 10.02 19.32 11.73 19.32h3.79c-8.73-5.27-15.22-24.98-15.22-48.55"/><path fill="#40c0e7" d="M84.93 44.93c2.97 4.29 4.72 11.24 4.72 19.07s-1.76 14.78-4.72 19.06l4.73 4.76c4.22-5.42 6.65-14 6.65-23.83s-2.42-18.41-6.65-23.83zm17.59-17.71l-4.85 4.88c4.61 7.73 7.31 19.17 7.31 31.9c0 12.72-2.7 24.16-7.3 31.9l4.84 4.88c5.83-8.85 9.12-21.93 9.12-36.78s-3.29-27.93-9.12-36.78"/><path fill="#40c0e7" d="m115.83 13.82l-4.86 4.89c6.49 11.12 10.28 27.33 10.28 45.29c0 17.97-3.79 34.18-10.28 45.29l4.86 4.89c7.64-12.23 12.07-30.34 12.07-50.19c.01-19.84-4.43-37.95-12.07-50.17"/></svg>
Speaker High Volume アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:speaker-high-volume" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:speaker-high-volume" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:speaker-high-volume" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--speaker-high-volume]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:speaker-high-volume"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:speaker-high-volume"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/speaker-high-volume.svg" alt="Speaker High Volume アイコン" width="24" height="24">
他のアイコンセットの Speaker High Volume アイコン
Speaker High Volume アイコン のよくある質問
Speaker High Volume アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Speaker High Volume アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:speaker-high-volume" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Speaker High Volume アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/speaker-high-volume.svg" alt="Speaker High Volume アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
