Megaphone アイコン

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

et:megaphone

Megaphone アイコン(et:megaphone)は、Elegant セットの無料 SVG アイコンです（作者: Kenny Sing）。 40 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elegant
作者: Kenny Sing
ライセンス: GPL-3.0-or-later
サイズ: 40 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" viewBox="0 0 40 32"><path fill="currentColor" d="M39.498 0A.5.5 0 0 0 39 .5v31a.498.498 0 1 0 .998 0V.5a.5.5 0 0 0-.5-.5m-1.781 1.204a.5.5 0 0 0-.526.055l-.565.445C33.648 4.059 28.667 8 18.5 8H4.631C3.18 8 2 9.2 2 10.674v10.714C2 22.828 3.18 24 4.631 24h3.394c.088 1.125.502 3.794 2.454 5.761C11.953 31.247 13.979 32 16.5 32a.5.5 0 0 0 0-1c-2.242 0-4.026-.652-5.306-1.938C9.527 27.386 9.127 25.038 9.031 24h2.995c.085.682.36 1.881 1.274 2.802c.789.795 1.866 1.198 3.2 1.198a.5.5 0 0 0 0-1c-1.055 0-1.891-.302-2.484-.896c-.657-.659-.894-1.546-.981-2.104h5.396c10.216 0 15.237 3.963 18.237 6.331l.522.411a.5.5 0 0 0 .526.054a.5.5 0 0 0 .281-.449V1.653a.5.5 0 0 0-.28-.449M3 21.388V10.674C3 9.751 3.731 9 4.631 9H8v14H4.631C3.716 23 3 22.292 3 21.388m34 7.929C33.866 26.851 28.672 23 18.432 23h-5.797a.5.5 0 0 0-.148-.031h-.002a.5.5 0 0 0-.154.031H9V9h9.5C28.737 9 33.894 5.136 37 2.684zM.5 21.857a.5.5 0 0 0 .5-.5V10.643a.5.5 0 0 0-1 0v10.714a.5.5 0 0 0 .5.5"/></svg>

Megaphone アイコンの使い方

React

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

<Icon icon="et:megaphone" width="24" />

Vue

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

<template>
  <Icon icon="et:megaphone" width="24" />
</template>

Svelte

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

<Icon icon="et:megaphone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[et--megaphone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:megaphone"></div>

Web コンポーネント

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

<iconify-icon icon="et:megaphone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/et/megaphone.svg" alt="Megaphone アイコン" width="24" height="24">

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

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

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

はい。Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Elegant アイコンをすべて見る →