Megaphone アイコン

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

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:megaphone

Megaphone アイコン(fluent-emoji:megaphone)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iQZ88fb)"><path fill="#FBBA59" fill-rule="evenodd" d="m13.05 21.647l9.684-3.947l2.34 5.743a2.85 2.85 0 0 1-1.563 3.715l-4.406 1.796a2.85 2.85 0 0 1-3.715-1.564zm2.476 1.043l1.623 3.983a.95.95 0 0 0 1.239.521l4.406-1.795a.95.95 0 0 0 .521-1.239l-1.623-3.983z" clip-rule="evenodd"/></g><g filter="url(#iZVuVfd)"><path fill="url(#iHRPkZX)" d="m14.576 21.934l-.094-.231l-.233.094l.095.232zm7.968-3.23l.231-.094l-.094-.23l-.231.093zm-3.486 9.136l-.094-.232zm-2.49-1.042l.232-.095zm7.969-3.23l-.232.095zm-1.048 2.476l.093.232zm-8.82-3.878l7.969-3.23l-.188-.463l-7.968 3.23zm7.643-3.367l1.993 4.864l.463-.19l-1.993-4.863zm1.083 7.014l-4.43 1.796l.187.463l4.43-1.796zm-6.595.89l-1.993-4.863l-.463.19l1.993 4.863zm2.164.906a1.664 1.664 0 0 1-2.164-.906l-.463.19a2.164 2.164 0 0 0 2.815 1.179zm5.341-3.946a1.647 1.647 0 0 1-.91 2.15l.188.463a2.147 2.147 0 0 0 1.185-2.803z"/><path fill="url(#iM3Jgyd)" d="m14.576 21.934l-.094-.231l-.233.094l.095.232zm7.968-3.23l.231-.094l-.094-.23l-.231.093zm-3.486 9.136l-.094-.232zm-2.49-1.042l.232-.095zm7.969-3.23l-.232.095zm-1.048 2.476l.093.232zm-8.82-3.878l7.969-3.23l-.188-.463l-7.968 3.23zm7.643-3.367l1.993 4.864l.463-.19l-1.993-4.863zm1.083 7.014l-4.43 1.796l.187.463l4.43-1.796zm-6.595.89l-1.993-4.863l-.463.19l1.993 4.863zm2.164.906a1.664 1.664 0 0 1-2.164-.906l-.463.19a2.164 2.164 0 0 0 2.815 1.179zm5.341-3.946a1.647 1.647 0 0 1-.91 2.15l.188.463a2.147 2.147 0 0 0 1.185-2.803z"/></g><path fill="url(#iuTMbBb)" d="M12.75 3.742c.793-1.81 3.16-2.252 4.552-.85l11.689 11.783c1.386 1.398.936 3.751-.868 4.538L9.277 27.438l-4.735-4.953z"/><path fill="url(#iPIsboc)" d="M12.75 3.742c.793-1.81 3.16-2.252 4.552-.85l11.689 11.783c1.386 1.398.936 3.751-.868 4.538L9.277 27.438l-4.735-4.953z"/><path fill="url(#iLbdsRc)" d="M12.75 3.742c.793-1.81 3.16-2.252 4.552-.85l11.689 11.783c1.386 1.398.936 3.751-.868 4.538L9.277 27.438l-4.735-4.953z"/><path fill="url(#iLSMFgb)" d="M12.75 3.742c.793-1.81 3.16-2.252 4.552-.85l11.689 11.783c1.386 1.398.936 3.751-.868 4.538L9.277 27.438l-4.735-4.953z"/><path fill="url(#im4i8Dc)" d="M12.75 3.742c.793-1.81 3.16-2.252 4.552-.85l11.689 11.783c1.386 1.398.936 3.751-.868 4.538L9.277 27.438l-4.735-4.953z"/><rect width="10.927" height="3.315" x="3.699" y="20.484" fill="#FAA72C" rx="1.657" transform="rotate(45 3.699 20.484)"/><rect width="10.927" height="3.315" x="3.699" y="20.484" fill="url(#iaU6uBb)" rx="1.657" transform="rotate(45 3.699 20.484)"/><rect width="10.927" height="3.315" x="3.699" y="20.484" fill="url(#iMFY1kd)" rx="1.657" transform="rotate(45 3.699 20.484)"/><rect width="10.927" height="3.315" x="3.699" y="20.484" fill="url(#iDge5qb)" rx="1.657" transform="rotate(45 3.699 20.484)"/><rect width="10.927" height="3.315" x="3.699" y="20.484" fill="url(#iq5aM6c)" rx="1.657" transform="rotate(45 3.699 20.484)"/><defs><radialGradient id="iM3Jgyd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.14277 1.0916 -1.28303 -2.51853 16.883 25.145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA7B"/><stop offset="1" stop-color="#FFEA7B" stop-opacity="0"/></radialGradient><radialGradient id="iuTMbBb" cx="0" cy="0" r="1" gradientTransform="matrix(14.5 -9.125 3.43262 5.45458 10.12 25.25)" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#FAB66E"/><stop offset="1" stop-color="#EC9547"/></radialGradient><radialGradient id="iLbdsRc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.75 1.56249 -6.34069 -7.10164 23.996 11.375)" gradientUnits="userSpaceOnUse"><stop stop-color="#FCC071"/><stop offset="1" stop-color="#F9A53E" stop-opacity="0"/></radialGradient><radialGradient id="iLSMFgb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.33379 1.18749 -5.26453 -5.91315 17.173 3.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBA659"/><stop offset="1" stop-color="#F29E36" stop-opacity="0"/></radialGradient><radialGradient id="iaU6uBb" cx="0" cy="0" r="1" gradientTransform="rotate(-178.141 7.134 11.676)scale(7.49486 2.103)" gradientUnits="userSpaceOnUse"><stop stop-color="#F79F6D"/><stop offset="1" stop-color="#F79F6D" stop-opacity="0"/></radialGradient><radialGradient id="iDge5qb" cx="0" cy="0" r="1" gradientTransform="rotate(93.759 -5.207 15.157)scale(1.13768 3.75057)" gradientUnits="userSpaceOnUse"><stop stop-color="#FCCA73"/><stop offset="1" stop-color="#FBB950" stop-opacity="0"/></radialGradient><radialGradient id="iq5aM6c" cx="0" cy="0" r="1" gradientTransform="matrix(1.17117 4.4415 -15.5696 4.10553 11.167 19.887)" gradientUnits="userSpaceOnUse"><stop offset=".515" stop-color="#E26977" stop-opacity="0"/><stop offset=".94" stop-color="#F67698"/></radialGradient><linearGradient id="iHRPkZX" x1="25.375" x2="21.596" y1="23.689" y2="25.734" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA7B"/><stop offset="1" stop-color="#FFEA7B" stop-opacity="0"/></linearGradient><linearGradient id="iPIsboc" x1="5.746" x2="13.558" y1="14.25" y2="18.375" gradientUnits="userSpaceOnUse"><stop offset=".211" stop-color="#A47F53"/><stop offset="1" stop-color="#C59635" stop-opacity="0"/></linearGradient><linearGradient id="im4i8Dc" x1="20.746" x2="19.839" y1="22.875" y2="20.906" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#EC7E85"/><stop offset="1" stop-color="#F8A35F" stop-opacity="0"/></linearGradient><linearGradient id="iMFY1kd" x1="6.152" x2="9.267" y1="24.152" y2="20.418" gradientUnits="userSpaceOnUse"><stop stop-color="#A77850"/><stop offset="1" stop-color="#DB8E2F" stop-opacity="0"/></linearGradient><filter id="iQZ88fb" width="12.737" height="11.965" x="13.049" y="17.2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.5"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.6 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17893"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.831373 0 0 0 0 0.54902 0 0 0 0 0.254902 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17893" result="effect2_innerShadow_18_17893"/></filter><filter id="iZVuVfd" width="11.679" height="10.852" x="13.749" y="17.879" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17893" stdDeviation=".25"/></filter></defs></g></svg>

Megaphone アイコンの使い方

React

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

<Icon icon="fluent-emoji:megaphone" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:megaphone" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:megaphone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:megaphone"></iconify-icon>

HTML 画像

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

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

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

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

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Fluent Emoji アイコンをすべて見る →