Bug Solid アイコン

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

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

mynaui:bug-solid

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

アイコンセット: Myna UI Icons
作者: Praveen Juge
ライセンス: MIT
サイズ: 24 × 24
タグ: bugsolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.074 2.254a.75.75 0 0 1 .672.82c-.115 1.162-.787 1.885-1.499 2.403c.862.618 1.446 1.457 1.83 2.306q.184-.062.392-.17c.328-.176.654-.42.95-.678a9 9 0 0 0 .977-1.006l.012-.015a.75.75 0 1 1 1.182.924l-.009.01l-.018.024l-.067.081a10 10 0 0 1-1.09 1.112a6.8 6.8 0 0 1-1.23.87c-.195.105-.408.2-.631.275c.23 1.075.224 2.167.212 3.165H20a.75.75 0 0 1 0 1.5h-2.243c.012.998.018 2.09-.212 3.164c.223.076.435.171.632.276c.46.247.88.566 1.23.87a10 10 0 0 1 1.09 1.112l.066.08l.018.024c-.001-.001.002.003 0 0l.008.01a.75.75 0 1 1-1.179.928l-.014-.018l-.05-.061a9 9 0 0 0-.926-.944a5.3 5.3 0 0 0-.951-.678a3 3 0 0 0-.393-.172c-.331.735-.811 1.463-1.497 2.048c-.883.753-2.063 1.236-3.579 1.236s-2.696-.483-3.58-1.236c-.685-.585-1.166-1.313-1.497-2.048a3 3 0 0 0-.392.172a5.3 5.3 0 0 0-.95.677a9 9 0 0 0-.977 1.006l-.012.015a.75.75 0 1 1-1.182-.924l.009-.01l.018-.024l.067-.081a10 10 0 0 1 1.09-1.112a6.8 6.8 0 0 1 1.23-.87a4 4 0 0 1 .63-.275c-.23-1.075-.224-2.167-.21-3.165H4a.75.75 0 0 1 0-1.5h2.24c-.02-.986-.04-2.092.171-3.164a4 4 0 0 1-.633-.278a6.6 6.6 0 0 1-1.212-.872a10 10 0 0 1-1.134-1.196l-.019-.023c-.002-.003.001.002 0 0l-.008-.01a.75.75 0 0 1 1.189-.914c.002.003.01.01.014.018l.05.061a8.6 8.6 0 0 0 .904.942c.291.259.61.5.932.675q.199.106.375.166a5.45 5.45 0 0 1 1.914-2.27c-.72-.527-1.397-1.258-1.528-2.426a.75.75 0 0 1 1.49-.168c.098.875.715 1.284 1.748 1.906l3.044-.038c1.03-.614 1.632-1.005 1.717-1.858a.75.75 0 0 1 .82-.672"/></svg>

Bug Solid アイコンの使い方

React

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

<Icon icon="mynaui:bug-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:bug-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:bug-solid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="mynaui:bug-solid"></iconify-icon>

HTML 画像

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

Myna UI Icons の関連アイコン

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

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

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

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

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

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

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

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

Myna UI Icons をすべて見る →