ICONYZ
日本語
IconPark の Topbuzz アイコン

Topbuzz アイコン

icon-park:topbuzz

Topbuzz アイコン(icon-park:topbuzz)は、IconPark セットの無料 SVG アイコンです(作者: ByteDance)。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
IconPark
作者
ByteDance
ライセンス
Apache-2.0
サイズ
48 × 48
カテゴリ
ブランド
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M18.9054 18.168L10.3257 16.3443C9.76801 16.2257 9.41204 15.6776 9.53057 15.12L11.4621 6.03265C11.5807 5.47501 12.1288 5.11904 12.6865 5.23757L41.9678 11.4615C42.5254 11.58 42.8814 12.1282 42.7629 12.6858L40.8313 21.7731C40.7128 22.3308 40.1646 22.6867 39.607 22.5682L31.1006 20.7601C30.7133 20.6778 30.4837 20.806 30.4117 21.1448C29.5295 25.295 28.2063 31.5204 26.4419 39.821C26.3234 40.3786 25.7752 40.7346 25.2176 40.616L16.1303 38.6845C15.5727 38.5659 15.2167 38.0178 15.3352 37.4602C17.1 29.1573 18.4236 22.9302 19.3061 18.7788C19.3773 18.4435 19.2438 18.2399 18.9054 18.168Z"/></svg>

Topbuzz アイコンの使い方

React

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

<Icon icon="icon-park:topbuzz" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:topbuzz" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:topbuzz" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:topbuzz"></div>

Web コンポーネント

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

<iconify-icon icon="icon-park:topbuzz"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/topbuzz.svg" alt="Topbuzz アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

IconPark アイコン をすべて見る →