Bug アイコン

Q: Bug アイコンは商用利用でも無料ですか?

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

matita:bug

Bug アイコン(matita:bug)は、Matita セットの無料 SVG アイコンです（作者: matita.dev）。 24 × 24 のグリッドで描かれています。 Matita icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Matita
作者: matita.dev
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"><path stroke-width="1.808" d="M15.9 11.59c.1.36.52 1.42.58 2.15c.05.72-.1 1.5-.26 2.2c-.16.71-.34 1.47-.69 2.04s-.88 1.02-1.39 1.38c-.51.37-1.1.72-1.68.81c-.58.08-1.21-.1-1.8-.29s-1.27-.39-1.73-.86s-.74-1.27-1.01-1.96c-.26-.69-.5-1.42-.57-2.17s-.03-1.6.16-2.33c.19-.72.56-1.43.97-2.01c.41-.57.95-1.1 1.51-1.41c.56-.32 1.23-.42 1.86-.47s1.31-.06 1.92.18c.61.23 1.27.67 1.71 1.22c.45.56.7 1.38.96 2.12s.54 1.52.59 2.32c.04.8-.26 2.05-.32 2.46"/><path stroke-width="1.68" d="M9.28 9.2c.02-.19 0-.75.09-1.12s.22-.81.47-1.09s.66-.47 1.02-.61c.36-.13.77-.22 1.14-.19s.7.23 1.06.37c.37.13.85.18 1.1.43c.26.26.36.73.44 1.1c.08.36.04.92.04 1.1"/><path stroke-width="1.44" d="M3.66 10.91q2.25.69 4.37 1.68"/><path stroke-width="1.68" d="M20.04 10.79q-2.19.79-4.33 1.72"/><path stroke-width="1.52" d="M3.77 18.84q2.16-1.28 4.37-2.46"/><path stroke-width="1.76" d="M20.34 18.74q-2.32-1.4-4.77-2.56"/></g></svg>

Bug アイコンの使い方

React

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

<Icon icon="matita:bug" width="24" />

Vue

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

<template>
  <Icon icon="matita:bug" width="24" />
</template>

Svelte

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

<Icon icon="matita:bug" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="matita:bug"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/matita/bug.svg" alt="Bug アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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