Loudspeaker アイコン
emojione:loudspeaker
Loudspeaker アイコン(emojione:loudspeaker)は、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
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#42ade2" d="M54.2 15.2c2.2 5.4 2.8 11.2 2.9 16.8c-.1 5.6-.7 11.4-2.9 16.8c-.5-5.6-.2-11.3-.2-16.9c0-5.5-.2-11.2.2-16.7m4.2-8.4C61.1 15 61.9 23.5 62 32c-.1 8.4-.9 16.9-3.6 25.2c0-8.2.5-16.5.5-24.7c.1-8.6-.4-17.2-.5-25.7"/><path fill="#333" d="M18.2 52.4h-8.1l14.5-13.6h8.1z"/><path fill="#b0bdc6" d="M8.3 25.1c-1.6.1-3 .2-4.3.2c0 0-2.1 3.2-2.1 6.6S4 38.5 4 38.5c1.2 0 2.7.1 4.3.2c-.6-1.2-1.7-4-1.7-6.9c0-2.7 1.1-5.5 1.7-6.7"/><path fill="#ed4c5c" d="M42.2 4.9s-16 18-29.6 19.7c-.7 1.7-1.6 4.5-1.6 7.4s1 5.7 1.7 7.3C26.3 41 42.2 59 42.2 59z"/><path fill="#333" d="M12.7 24.6c-1.5.2-3 .3-4.3.5c-.6 1.2-1.7 4-1.7 6.9s1.2 5.7 1.7 6.9c1.4.1 2.8.3 4.3.5C12 37.6 11 34.8 11 32c0-2.9.9-5.7 1.7-7.4"/><ellipse cx="43.9" cy="31.9" fill="#aa1d39" rx="6.3" ry="28"/><path fill="#5b0617" d="M43.9 59.9c-3.5 0-6.3-12.5-6.3-28c5.3-4 12.4 4.9 12.4 4.9c-11 6-6.1 23.1-6.1 23.1"/><path fill="#333" d="M37.8 24.4s-.2 2.6-.2 7.5s.2 7.5.2 7.5l12.3-2.6v-9.7z"/><path fill="#4b4d4f" d="M37.7 26.8s-.1 1.8-.1 5.1c0 3.4.1 5.1.1 5.1l12.5-1.8v-6.6z"/><ellipse cx="50.2" cy="31.9" fill="#ed4c5c" rx="1.6" ry="4.9"/><path fill="#898a90" d="M10.1 28.2h8.1v24.2h-8.1z"/><ellipse cx="14.2" cy="32.5" fill="#fff" rx="1.7" ry="2"/></svg>
Loudspeaker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:loudspeaker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:loudspeaker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:loudspeaker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--loudspeaker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:loudspeaker"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:loudspeaker"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/loudspeaker.svg" alt="Loudspeaker アイコン" width="24" height="24">
他のアイコンセットの Loudspeaker アイコン
Loudspeaker アイコン のよくある質問
Loudspeaker アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Loudspeaker アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:loudspeaker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Loudspeaker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/loudspeaker.svg" alt="Loudspeaker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
