Bug 16 アイコン
octicon:bug-16
Bug 16 アイコン(octicon:bug-16)は、Octicons セットの無料 SVG アイコンです（作者: GitHub）。 24 × 24 のグリッドで描かれています。 Octicons は 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" d="M4.72.22a.75.75 0 0 1 1.06 0l1 .999a3.5 3.5 0 0 1 2.441 0l.999-1a.748.748 0 0 1 1.265.332a.75.75 0 0 1-.205.729l-.775.776c.616.63.995 1.493.995 2.444v.327q0 .15-.025.292c.408.14.764.392 1.029.722l1.968-.787a.75.75 0 0 1 .556 1.392L13 7.258V9h2.25a.75.75 0 0 1 0 1.5H13v.5q-.002.615-.141 1.186l2.17.868a.75.75 0 0 1-.557 1.392l-2.184-.873A5 5 0 0 1 8 16a5 5 0 0 1-4.288-2.427l-2.183.873a.75.75 0 0 1-.558-1.392l2.17-.868A5 5 0 0 1 3 11v-.5H.75a.75.75 0 0 1 0-1.5H3V7.258L.971 6.446a.75.75 0 0 1 .558-1.392l1.967.787c.265-.33.62-.583 1.03-.722a2 2 0 0 1-.026-.292V4.5c0-.951.38-1.814.995-2.444L4.72 1.28a.75.75 0 0 1 0-1.06m.53 6.28a.75.75 0 0 0-.75.75V11a3.5 3.5 0 1 0 7 0V7.25a.75.75 0 0 0-.75-.75ZM6.173 5h3.654A.17.17 0 0 0 10 4.827V4.5a2 2 0 1 0-4 0v.327c0 .096.077.173.173.173"/></svg>Bug 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="octicon:bug-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="octicon:bug-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="octicon:bug-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[octicon--bug-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/octicon -->
<div class="i-octicon:bug-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="octicon:bug-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/octicon/bug-16.svg" alt="Bug 16 アイコン" width="24" height="24">Octicons の関連アイコン
Bug 16 アイコン のよくある質問
Bug 16 アイコンは商用利用でも無料ですか?
はい。Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bug 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="octicon:bug-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bug 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/octicon/bug-16.svg" alt="Bug 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。