Bullhorn アイコン

circum:bullhorn

Bullhorn アイコン(circum:bullhorn)は、Circum Icons セットの無料 SVG アイコンです（作者: Klarr Agency）。 24 × 24 のグリッドで描かれています。 Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Circum Icons
作者: Klarr Agency
ライセンス: MPL-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.5 16.474a2.5 2.5 0 0 1-1.436-2.264V9.791a2.5 2.5 0 0 1 2.5-2.5h4.343c.793 0 1.581-.132 2.33-.392c1.859-.705 3.792-1.727 5.24-2.922l.869-.718a1 1 0 0 1 1.587.808v6.717a1.24 1.24 0 0 1 0 2.433v6.718a1.001 1.001 0 0 1-1.588.807l-.868-.718c-1.446-1.195-3.364-2.214-5.226-2.891a7.1 7.1 0 0 0-2.328-.394c-.609-.029-1.265-.029-1.265-.029v2.147a2.08 2.08 0 0 1-4.158 0zm1 .236v2.147a1.079 1.079 0 1 0 2.158 0V16.71zm6-.882l.142.04a17.6 17.6 0 0 1 6.473 3.385l.818.677V4.071l-.82.677a17.6 17.6 0 0 1-6.468 3.379l-.145.041zm-2.842-.118H10.5V8.291H5.564a1.5 1.5 0 0 0-1.5 1.5v4.419a1.5 1.5 0 0 0 1.499 1.5z"/></svg>

Bullhorn アイコンの使い方

React

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

<Icon icon="circum:bullhorn" width="24" />

Vue

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

<template>
  <Icon icon="circum:bullhorn" width="24" />
</template>

Svelte

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

<Icon icon="circum:bullhorn" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="circum:bullhorn"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/circum/bullhorn.svg" alt="Bullhorn アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Circum Icons をすべて見る →