Speaker アイコン

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

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

streamline-freehand:speaker

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

アイコンセット: Freehand free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 音楽・動画・エンタメ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M20.216 14.793a8.32 8.32 0 0 0-2.728-9.444a.34.34 0 0 0-.43.52a7.54 7.54 0 0 1 2.329 8.594c-2.399 5.996-12.162 6.406-14.72-.38S9.853 1.522 15.849 5.02a.3.3 0 0 0 .3-.51C9.603.463.879 6.908 3.627 14.473c2.749 7.565 13.94 7.365 16.589.32"/><path d="M15.38 7.318a5.32 5.32 0 0 1 1.608 6.056c-1.679 4.137-8.504 4.457-10.303-.28c-1.798-4.737 3.608-8.824 7.835-6.426a.292.292 0 0 0 .3-.5c-4.767-2.947-11.173 1.76-9.174 7.306s10.243 5.416 12.172.22a6.09 6.09 0 0 0-1.999-6.896a.34.34 0 0 0-.44.52"/><path d="M11.312 9.017a2.618 2.618 0 0 0-2.418 3.387a2.768 2.768 0 0 0 5.166.06a2.758 2.758 0 0 0-2.748-3.447m1.909 3.178a1.828 1.828 0 0 1-3.288-.18a1.73 1.73 0 0 1 1.44-2.339a1.79 1.79 0 0 1 1.848 2.469z"/><path d="M23.983 5.26c0-1 .16-2.519-.51-3.448C21.876-.337 15.74.562 12.412.492c-.78-.02-5.616-.22-6.875-.19A4.38 4.38 0 0 0 1.05 3.75a29 29 0 0 0-.79 4.597C0 11.415 0 17.811 0 18.42c.11 1.999.44 3.318 2.089 3.997c1.089.373 2.227.582 3.377.62c2.199.23 4.427.52 6.646.63a42 42 0 0 0 6.915-.29a5.41 5.41 0 0 0 4.307-3.997c.56-1.9.39-4.138.5-6.146c.15-2.698.15-5.276.15-7.975m-.93 0c0 2.578-.049 5.296-.219 7.874c-.22 3.388.31 6.995-2.668 8.714c-.95.57-2.468.53-3.607.64c-3.588.36-7.335-.17-10.993-.52a11.3 11.3 0 0 1-3.088-.49C1.28 21.008 1.1 20.01 1 18.36c0-.57-.2-6.745.05-9.993c.116-1.51.347-3.01.69-4.487A3.72 3.72 0 0 1 5.556.922c1 0 5.576.25 6.845.3c2.729.1 9.134-.58 10.333 1.11c.47.689.3 2.108.3 2.937z"/><path d="M5.996 4.32c1.139-1.998-1.999-2.768-2.828-.9c-.63 1.5 1.918 2.599 2.828.9m-1.819-.76a1 1 0 0 1 .52-.539c.45-.13.8.15.63.57a.76.76 0 0 1-.92.43c-.28-.1-.33-.29-.23-.46m17.068-1.18c-.447-.058-.901 0-1.319.17a1.84 1.84 0 0 0-.83.87c-.649 1.499 1.89 2.598 2.889.9a1.238 1.238 0 0 0-.74-1.94m0 1.24a.76.76 0 0 1-.92.41c-.279-.11-.319-.3-.229-.47c.46-.85 1.409-.54 1.14.06zM2.778 18.2c-.91.45-1.499 1.74-.08 2.499a1.68 1.68 0 0 0 2.089-.69c.81-1.509-.64-2.498-2.009-1.809m1.31 1.07a.75.75 0 0 1-.92.4c-.28-.11-.32-.29-.23-.46c.51-.92 1.399-.55 1.15.06m14.599-1.07c-.91.45-1.499 1.74-.08 2.499a1.68 1.68 0 0 0 2.089-.69c.809-1.509-.64-2.498-2.009-1.809m1.3 1.07a.77.77 0 0 1-.93.4c-.27-.11-.32-.29-.22-.46c.53-.93 1.409-.55 1.15.06"/></g></svg>

Speaker アイコンの使い方

React

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

<Icon icon="streamline-freehand:speaker" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:speaker" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:speaker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--speaker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:speaker"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-freehand:speaker"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand/speaker.svg" alt="Speaker アイコン" width="24" height="24">

Freehand free icons の関連アイコン

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

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

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

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

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

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

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

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

Freehand free icons をすべて見る →