Bug Minimalistic Bold Duotone アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:bug-minimalistic-bold-duotone

Bug Minimalistic Bold Duotone アイコン(solar:bug-minimalistic-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: IT
タグ: bugminimalistic、minimalisticbold、boldduotone、bugminimalisticboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5 10C5 6.13401 8.13401 3 12 3C15.866 3 19 6.13401 19 10V15C19 18.866 15.866 22 12 22C8.13401 22 5 18.866 5 15V10Z" opacity=".5"/><path d="M9.75 15.5C9.75 15.0858 10.0858 14.75 10.5 14.75H13.5C13.9142 14.75 14.25 15.0858 14.25 15.5C14.25 15.9142 13.9142 16.25 13.5 16.25H10.5C10.0858 16.25 9.75 15.9142 9.75 15.5Z"/><path d="M10.5 9.75C10.0858 9.75 9.75 10.0858 9.75 10.5C9.75 10.9142 10.0858 11.25 10.5 11.25H13.5C13.9142 11.25 14.25 10.9142 14.25 10.5C14.25 10.0858 13.9142 9.75 13.5 9.75H10.5Z"/><path d="M17.416 2.62412C17.7607 2.39435 17.8538 1.9287 17.624 1.58405C17.3943 1.23941 16.9286 1.14628 16.584 1.37604L13.7982 3.23319C14.3906 3.39019 14.9521 3.62288 15.4718 3.92029L17.416 2.62412Z"/><path d="M18.8297 8.45841C18.7198 7.96948 18.5587 7.49991 18.3525 7.05561C18.3753 7.04359 18.3991 7.03263 18.4236 7.02281L20.2213 6.30372C20.6059 6.14989 21.0424 6.33695 21.1962 6.72154C21.3501 7.10612 21.163 7.5426 20.7784 7.69644L18.9807 8.41553C18.931 8.43541 18.8804 8.4496 18.8297 8.45841Z"/><path d="M19 13.7501H22C22.4142 13.7501 22.75 13.4143 22.75 13.0001C22.75 12.5859 22.4142 12.2501 22 12.2501H19V13.7501Z"/><path d="M17.9422 18.7019C18.1871 18.3097 18.3942 17.8915 18.5584 17.4524C18.6321 17.4581 18.7063 17.475 18.7785 17.5039L20.7785 18.3039C21.1631 18.4578 21.3502 18.8942 21.1964 19.2788C21.0425 19.6634 20.606 19.8505 20.2215 19.6966L18.2215 18.8966C18.1109 18.8524 18.0167 18.7849 17.9422 18.7019Z"/><path d="M5.44158 17.4524C5.60585 17.8915 5.81295 18.3097 6.0578 18.7019C5.9833 18.7849 5.88908 18.8524 5.77854 18.8966L3.77854 19.6966C3.39396 19.8505 2.95748 19.6634 2.80364 19.2788C2.64981 18.8942 2.83687 18.4578 3.22146 18.3039L5.22146 17.5039C5.29374 17.475 5.36785 17.4581 5.44158 17.4524Z"/><path d="M5 12.2501H2C1.58579 12.2501 1.25 12.5859 1.25 13.0001C1.25 13.4143 1.58579 13.7501 2 13.7501H5V12.2501Z"/><path d="M5.64754 7.05561C5.44126 7.49991 5.28021 7.96949 5.17032 8.45841C5.1196 8.4496 5.06902 8.43541 5.01931 8.41553L3.22158 7.69644C2.83699 7.5426 2.64993 7.10612 2.80376 6.72154C2.9576 6.33695 3.39408 6.14989 3.77867 6.30372L5.57639 7.02281C5.60093 7.03263 5.62465 7.04359 5.64754 7.05561Z"/><path d="M8.52824 3.92029L6.58397 2.62412C6.23933 2.39435 6.1462 1.9287 6.37596 1.58405C6.60573 1.23941 7.07138 1.14628 7.41603 1.37604L10.2018 3.23319C9.60944 3.39019 9.04794 3.62288 8.52824 3.92029Z"/></g></svg>

Bug Minimalistic Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:bug-minimalistic-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:bug-minimalistic-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:bug-minimalistic-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bug-minimalistic-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bug-minimalistic-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:bug-minimalistic-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/bug-minimalistic-bold-duotone.svg" alt="Bug Minimalistic Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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