Bug Twotone icon
ant-design:bug-twotone
The Bug Twotone icon (ant-design:bug-twotone) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- bugtwotone
SVG code
<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>How to use the Bug Twotone icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/ant-design/bug-twotone.svg" alt="Bug Twotone icon" width="24" height="24">Related icons in Ant Design Icons
Bug Twotone icon FAQ
Is the Bug Twotone icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bug Twotone icon in React?
Install @iconify/react and render <Icon icon="ant-design:bug-twotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bug Twotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/bug-twotone.svg" alt="Bug Twotone icon">, or paste the SVG code inline to style it with CSS.