Megaphone A Fill アイコン
mage:megaphone-a-fill
Megaphone A Fill アイコン(mage:megaphone-a-fill)は、Mage Icons セットの無料 SVG アイコンです(作者: MageIcons)。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Mage Icons
- 作者
- MageIcons
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- megaphonea、afill、megaphoneafill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.44 13.791l-5.499-9.585a2.1 2.1 0 0 0-1.274-.98a2.14 2.14 0 0 0-1.607.205l-1.196.696a.2.2 0 0 0-.078.06l-.069.087a.6.6 0 0 0-.147.275a25.4 25.4 0 0 1-1.588 3.783a6.1 6.1 0 0 1-1.754 1.892l-1.794 1.588a2.14 2.14 0 0 0-.686 1.244a2.3 2.3 0 0 0 .059.98c-.246.136-.46.324-.627.55a2.1 2.1 0 0 0-.363.744a2.2 2.2 0 0 0 0 .833a2.14 2.14 0 0 0 .806 1.397c.22.168.473.29.743.358q.264.071.539.068q.146.015.294 0c.272-.033.533-.127.764-.274c.216.243.489.428.794.54c.237.093.49.14.745.136q.209.005.412-.049l1.597 2.853a2.17 2.17 0 0 0 1.843 1.058a2.14 2.14 0 0 0 2.039-1.578a2.2 2.2 0 0 0-.206-1.607l-1.196-2.078q.484-.108.98-.118c1.395.059 2.782.236 4.146.53h.343l.157-.07l.147-.088l1.049-.607c.482-.279.835-.737.98-1.274a2.14 2.14 0 0 0-.353-1.569M6.551 16.948a.65.65 0 0 1-.431 0a.6.6 0 0 1-.324-.275l-1.49-2.607l-.097-.167a.66.66 0 0 1 .137-.823l1.107-.98l.412.725l2.127 3.725zm10.674-1.96a.7.7 0 0 1-.304.401l-.549.314l-6.136-10.694l.559-.323a.6.6 0 0 1 .48-.059a.63.63 0 0 1 .392.294l5.499 9.576a.66.66 0 0 1 .059.549zm-.255-5.823a.72.72 0 0 1-.637-.362a.735.735 0 0 1 .265-.98l2.45-1.422a.725.725 0 0 1 .98.265a.735.735 0 0 1-.265.98l-2.45 1.421a.7.7 0 0 1-.343.098m4.518 3.47h-2.832a.735.735 0 1 1 0-1.47h2.832a.735.735 0 0 1 0 1.47m-6.831-6.969a.7.7 0 0 1-.363-.098a.726.726 0 0 1-.274-.98l1.411-2.47a.736.736 0 0 1 1.274.735l-1.411 2.46a.73.73 0 0 1-.637.353"/></svg>Megaphone A Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mage:megaphone-a-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:megaphone-a-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:megaphone-a-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--megaphone-a-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:megaphone-a-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:megaphone-a-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mage/megaphone-a-fill.svg" alt="Megaphone A Fill アイコン" width="24" height="24">Mage Icons の関連アイコン
Megaphone A Fill アイコン のよくある質問
Megaphone A Fill アイコンは商用利用でも無料ですか?
はい。Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Megaphone A Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mage:megaphone-a-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Megaphone A Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mage/megaphone-a-fill.svg" alt="Megaphone A Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。