Megaphone Light アイコン
stash:megaphone-light
Megaphone Light アイコン(stash:megaphone-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- megaphonelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.41 6.964c-.61-.165-1.148-.04-1.907.138L7.405 8.76l-1.321.2c-.092.015-.16.028-.299.08a2 2 0 0 0-.191.095a2 2 0 0 0-.239.155l-.013.01a.5.5 0 0 0-.077.069l-.01.01l-.002.003C4.911 9.78 4.5 10.568 4.5 12s.412 2.22.754 2.62l.002.002l.009.01a.5.5 0 0 0 .09.079c.005.002.02.014.058.042c.053.04.135.087.18.113c.047.025.13.07.192.094c.14.053.207.066.299.08l1.321.201l1.033.241c-.265 1.547.356 3.24 1.475 4.23c.367.325.887.241 1.177-.072c.358-.388.27-.945-.036-1.26c-.503-.52-1.017-1.454-.871-2.49l4.32 1.008c.76.177 1.297.303 1.906.138a2.6 2.6 0 0 0 .736-.354a2.6 2.6 0 0 0 .604-.55c.38-.502.451-.956.55-1.593l.009-.052q.04-.263.075-.545l.976-.166c.315-.054.585-.198.745-.471c.139-.237.146-.498.146-.654V11.35c0-.156-.007-.417-.146-.654c-.16-.273-.43-.417-.745-.47l-.976-.167a16 16 0 0 0-.075-.545l-.008-.052c-.1-.637-.17-1.091-.551-1.594a2.6 2.6 0 0 0-.604-.549a2.6 2.6 0 0 0-.736-.354m-1.765 1.132c.877-.204 1.163-.259 1.503-.167c.111.03.272.106.438.218s.296.233.366.324c.217.287.26.501.368 1.197a15.1 15.1 0 0 1 0 4.664c-.109.696-.151.91-.368 1.197c-.07.091-.2.212-.366.324a1.6 1.6 0 0 1-.438.218c-.34.092-.626.037-1.503-.167l-6.846-1.598A8.5 8.5 0 0 1 7.5 12c0-.954.134-1.723.299-2.306zM6.5 12c0 .827.092 1.536.223 2.126l-.489-.074l-.036-.006l-.047-.016l-.013-.007a2 2 0 0 1-.115-.064l-.013-.008l-.03-.022c-.175-.225-.48-.777-.48-1.929s.305-1.704.48-1.929l.03-.022l.013-.008a2 2 0 0 1 .115-.064l.013-.006l.047-.017l.036-.006l.489-.074A9.8 9.8 0 0 0 6.5 12m11.974-.912l.718.122q.034.006.051.012a1 1 0 0 1 .007.127v1.302q0 .088-.007.127l-.051.012l-.718.122a16 16 0 0 0 0-1.824"/></svg>Megaphone Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:megaphone-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:megaphone-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:megaphone-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--megaphone-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:megaphone-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:megaphone-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/megaphone-light.svg" alt="Megaphone Light アイコン" width="24" height="24">Stash Icons の関連アイコン
他のアイコンセットの Megaphone Light アイコン
Megaphone Light アイコン のよくある質問
Megaphone Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Megaphone Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:megaphone-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Megaphone Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/megaphone-light.svg" alt="Megaphone Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。