ICONYZ
日本語
Emoji One (Colored) の Speaker Medium Volume アイコン

Speaker Medium Volume アイコン

emojione:speaker-medium-volume

Speaker Medium Volume アイコン(emojione:speaker-medium-volume)は、Emoji One (Colored) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Emoji One (Colored)
作者
Emoji One
ライセンス
CC-BY-4.0
サイズ
64 × 64
カテゴリ
記号
タグ
speakermedium、mediumvolume、speakermediumvolume
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#42ade2" d="M44.6 32c0 5-3.2 9.3-7.7 11l2.9 2.9c5.1-2.5 8.6-7.8 8.6-13.9s-3.5-11.4-8.7-13.9L36.9 21c4.5 1.6 7.7 5.9 7.7 11"/><path id="SVGwI8FKbsc" fill="#8b979e" d="M11.1 45H3.8C1.7 45 0 43.4 0 41.5v-19c0-2 1.7-3.5 3.8-3.5h7.3z"/><use href="#SVGwI8FKbsc"/><path fill="#b0bdc6" d="M29.8 2.2C31.1.9 11.1 19 11.1 19v26s10.3 7.9 18.7 16.8z"/><path fill="#333" d="M33 25.5v13.1c3.9 0 7-2.9 7-6.5c0-3.7-3.1-6.6-7-6.6m0 37c0 .8-.7 1.5-1.6 1.5s-1.6-.7-1.6-1.5v-61c0-.8.7-1.5 1.6-1.5S33 .7 33 1.5z"/><path fill="#8b979e" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#b0bdc6" d="M11.1 40.2H3.8c-2.1 0-3.8-1-3.8-2.2V26c0-1.2 1.7-2.2 3.8-2.2h7.3z"/><path fill="#dfe9ef" d="M29.8 13.3L11.1 23.8v16.4l18.7 10.5z"/><path fill="#8b979e" d="M29.8 13.3H33v37.5h-3.2z"/><path fill="#333" d="M3.8 19h7.3v26H3.8z"/></svg>

Speaker Medium Volume アイコンの使い方

React

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

<Icon icon="emojione:speaker-medium-volume" width="24" />

Vue

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

<template>
  <Icon icon="emojione:speaker-medium-volume" width="24" />
</template>

Svelte

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

<Icon icon="emojione:speaker-medium-volume" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--speaker-medium-volume]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="emojione:speaker-medium-volume"></iconify-icon>

HTML 画像

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

Emoji One (Colored) の関連アイコン

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

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

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

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Emoji One (Colored) アイコン をすべて見る →