Bullhorn アイコン
reicon:bullhorn
Bullhorn アイコン(reicon:bullhorn)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.25 16.838v-4.716a2.251 2.251 0 0 0 0-4.244V3.162a1.912 1.912 0 0 0-2.938-1.613l-2.144 1.364A11.75 11.75 0 0 1 9.86 4.75H6.5a5.25 5.25 0 0 0-.076 10.5l1.653 6.2a1.75 1.75 0 0 0 1.691 1.3H11A1.75 1.75 0 0 0 12.75 21v-5.39a11.8 11.8 0 0 1 3.418 1.476l2.144 1.364a1.912 1.912 0 0 0 2.938-1.613M19.338 2.75a.4.4 0 0 0-.22.064L16.973 4.18a13.3 13.3 0 0 1-4.223 1.75v8.138a13.3 13.3 0 0 1 4.224 1.752l2.143 1.365a.41.41 0 0 0 .633-.348V3.162a.41.41 0 0 0-.412-.412M11.25 13.823V6.177q-.69.073-1.39.073H6.5a3.75 3.75 0 1 0 0 7.5h3.36q.7 0 1.39.073m-1.723 7.241l-1.55-5.814H9.86q.7 0 1.39.082V21a.25.25 0 0 1-.25.25H9.768a.25.25 0 0 1-.241-.186" clip-rule="evenodd"/></svg>Bullhorn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:bullhorn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:bullhorn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:bullhorn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bullhorn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bullhorn"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:bullhorn"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/bullhorn.svg" alt="Bullhorn アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Bullhorn アイコン
Bullhorn アイコン のよくある質問
Bullhorn アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bullhorn アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:bullhorn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bullhorn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/bullhorn.svg" alt="Bullhorn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。