Bug icon
wpf:bug
The Bug icon (wpf:bug) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 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
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M13 .188a2.81 2.81 0 0 0-2.781 2.437C8.545 3.175 7.188 4.264 7.188 6c0 2.658 1.318 3.813 5.812 3.813S18.813 8.658 18.813 6c0-1.736-1.357-2.825-3.032-3.375A2.81 2.81 0 0 0 13 .187zM2.906 2.967A1 1 0 0 0 2.781 3A1 1 0 0 0 2 4c0 3.257 1.1 5.33 2.281 6.5c.318.314.629.55.938.75c-.02.48-.032 1.018-.032 1.75H1a1 1 0 0 0-.094 0A1.001 1.001 0 0 0 1 15h4.406c.097.49.213.973.375 1.438a8.3 8.3 0 0 0-1.25.53C2.81 17.869 1 19.787 1 23a1 1 0 1 0 2 0c0-2.515 1.19-3.582 2.469-4.25c.406-.212.79-.359 1.156-.469c1.234 2.124 3.159 3.747 5.375 4.375V15c0-3 2-3 2 0v7.656c2.216-.628 4.141-2.251 5.375-4.375c.366.11.75.257 1.156.469C21.81 19.418 23 20.485 23 23a1 1 0 1 0 2 0c0-3.214-1.81-5.132-3.531-6.031a8.3 8.3 0 0 0-1.25-.532c.162-.464.278-.948.375-1.437H25a1 1 0 1 0 0-2h-4.188c0-.713-.033-1.263-.062-1.719c.32-.203.638-.453.969-.781C22.9 9.33 24 7.257 24 4a1 1 0 0 0-1.219-1A1 1 0 0 0 22 4c0 2.819-.9 4.252-1.719 5.063c-.818.81-1.5.968-1.5.968a1 1 0 0 0-.5.188l-.031.031c-1.163.434-2.822.938-5.25.938c-3.66 0-5.618-1.226-6.656-1.626c-.01-.004-.021.004-.032 0c-.01-.007-.02-.023-.03-.03a5 5 0 0 1-.563-.47C4.9 8.252 4 6.82 4 4a1 1 0 0 0-1.094-1.031z"/></svg>
How to use the Bug icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:bug" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:bug" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:bug" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--bug]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:bug"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:bug"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/wpf/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. Icons8 Windows 8 Icons are released under the MIT 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="wpf: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/wpf/bug.svg" alt="Bug icon">, or paste the SVG code inline to style it with CSS.
Browse all Icons8 Windows 8 Icons →
ICONYZ
