Bug Twotone アイコン
ant-design:bug-twotone
Bug Twotone アイコン(ant-design:bug-twotone)は、Ant Design Icons セットの無料 SVG アイコンです（作者: HeskeyBaozi）。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ant Design Icons
- 作者
- HeskeyBaozi
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- bugtwotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412zm484 172v96c0 6.503-.222 12.954-.658 19.346C859.931 728.636 908 796.705 908 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-44.24-23.94-82.888-59.57-103.697a278.6 278.6 0 0 1-22.658 49.018a281.4 281.4 0 0 1-100.45 100.45C611.84 946.072 563.546 960 512 960s-99.84-13.929-141.321-38.228a281.4 281.4 0 0 1-100.45-100.45a278.6 278.6 0 0 1-22.658-49.019C211.94 793.113 188 831.76 188 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-79.295 48.07-147.363 116.658-176.654A284 284 0 0 1 232 680v-96H84a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h148V412c-76.768 0-139-62.232-139-139a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 34.794 28.206 63 63 63h560c34.794 0 63-28.206 63-63a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 76.768-62.232 139-139 139v100h148a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8zM368 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-40.039 8.779-76.746 25.9-108.068c17.235-31.526 42.506-56.797 74.032-74.031C427.254 72.779 463.962 64 504 64h16c40.039 0 76.746 8.779 108.068 25.9c31.526 17.235 56.797 42.506 74.031 74.032C719.221 195.254 728 231.962 728 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-28.326-5.938-53.154-17.077-73.531c-10.625-19.437-25.955-34.767-45.392-45.392C573.154 141.937 548.326 136 520 136h-16c-28.326 0-53.154 5.938-73.531 17.077c-19.437 10.625-34.767 25.955-45.392 45.392C373.937 218.846 368 243.674 368 272"/><path fill="currentColor" fill-opacity=".15" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412z"/></svg>Bug Twotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:bug-twotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:bug-twotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:bug-twotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--bug-twotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:bug-twotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:bug-twotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ant-design/bug-twotone.svg" alt="Bug Twotone アイコン" width="24" height="24">Ant Design Icons の関連アイコン
Bug Twotone アイコン のよくある質問
Bug Twotone アイコンは商用利用でも無料ですか?
はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bug Twotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="ant-design:bug-twotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bug Twotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/bug-twotone.svg" alt="Bug Twotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。