Bug icon
icon-park:bug
The Bug icon (icon-park:bug) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Safe
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M24 42C36 42 38 31.5324 38 28C38 24.8379 38 20.1712 38 14H10C10 17.4423 10 22.109 10 28C10 31.4506 12 42 24 42Z"/><path stroke="#000" stroke-linecap="round" d="M4 8L10 14"/><path stroke="#000" stroke-linecap="round" d="M44 8L38 14"/><path stroke="#000" stroke-linecap="round" d="M4 27H10"/><path stroke="#000" stroke-linecap="round" d="M44 27H38"/><path stroke="#000" stroke-linecap="round" d="M7 44L13 38"/><path stroke="#000" stroke-linecap="round" d="M41 44L35 38"/><path stroke="#fff" stroke-linecap="round" d="M24 42V14"/><path stroke="#000" stroke-linecap="round" d="M14.9204 39.0407C17.0024 40.783 19.9244 41.9998 23.9999 41.9998C28.1112 41.9998 31.0487 40.7712 33.1341 39.0137"/><path fill="#2F88FF" stroke="#000" d="M32 12.3333C32 7.73096 28.4183 4 24 4C19.5817 4 16 7.73096 16 12.3333V14H32V12.3333Z"/></g></svg>
How to use the Bug icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:bug" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:bug" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:bug" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bug]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bug"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:bug"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/bug.svg" alt="Bug icon" width="24" height="24">
Bug icon in other icon sets
Bug icon FAQ
Is the Bug icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Bug icon in React?
Install @iconify/react and render <Icon icon="icon-park:bug" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bug icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/bug.svg" alt="Bug icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
