bug icon
bug from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- bug
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
bugAkar Iconsbug-filledAnt Design IconsbugBootstrap IconsbugBoxIcons v2bugCodiconsbugEmoji One (Colored)bugFont Awesome 6 SolidbugFont Awesome Solidbug-outlineFlowbite Iconsbug-16-filledFluent UI System IconsbugFluent EmojibugFluent Emoji FlatbugFluent Emoji High ContrastbugFirefox OS EmojibugIconParkbugIconPark OutlinebugIconPark SolidbugIconPark TwoTonebugIconoirbugIonIconsbugJam IconsbugLine AwesomebugLucidebugMaterial Design Icons
Related icons in BoxIcons v2 Solid
Use the bug icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.787 7h10.426c-.108-.158-.201-.331-.318-.481l2.813-2.812l-1.414-1.414l-2.846 2.846a7 7 0 0 0-.723-.454a5.78 5.78 0 0 0-5.45 0c-.25.132-.488.287-.722.453L5.707 2.293L4.293 3.707l2.813 2.812c-.118.151-.21.323-.319.481M5.756 9H2v2h2.307c-.065.495-.107.997-.107 1.5c0 .507.042 1.013.107 1.511H2v2h2.753c.013.039.021.08.034.118c.188.555.421 1.093.695 1.6c.044.081.095.155.141.234l-2.33 2.33l1.414 1.414l2.11-2.111a7.5 7.5 0 0 0 2.068 1.619c.479.253.982.449 1.496.58c.204.052.411.085.618.118V16h2v5.914a6 6 0 0 0 .618-.118a6.8 6.8 0 0 0 1.496-.58c.465-.246.914-.55 1.333-.904c.258-.218.5-.462.734-.716l2.111 2.111l1.414-1.414l-2.33-2.33c.047-.08.098-.155.142-.236c.273-.505.507-1.043.694-1.599c.013-.039.021-.079.034-.118H22v-2h-2.308c.065-.499.107-1.004.107-1.511c0-.503-.042-1.005-.106-1.5H22V9z"/></svg>
React
import type { SVGProps } from "react";
export function BxsBug(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.787 7h10.426c-.108-.158-.201-.331-.318-.481l2.813-2.812l-1.414-1.414l-2.846 2.846a7 7 0 0 0-.723-.454a5.78 5.78 0 0 0-5.45 0c-.25.132-.488.287-.722.453L5.707 2.293L4.293 3.707l2.813 2.812c-.118.151-.21.323-.319.481M5.756 9H2v2h2.307c-.065.495-.107.997-.107 1.5c0 .507.042 1.013.107 1.511H2v2h2.753c.013.039.021.08.034.118c.188.555.421 1.093.695 1.6c.044.081.095.155.141.234l-2.33 2.33l1.414 1.414l2.11-2.111a7.5 7.5 0 0 0 2.068 1.619c.479.253.982.449 1.496.58c.204.052.411.085.618.118V16h2v5.914a6 6 0 0 0 .618-.118a6.8 6.8 0 0 0 1.496-.58c.465-.246.914-.55 1.333-.904c.258-.218.5-.462.734-.716l2.111 2.111l1.414-1.414l-2.33-2.33c.047-.08.098-.155.142-.236c.273-.505.507-1.043.694-1.599c.013-.039.021-.079.034-.118H22v-2h-2.308c.065-.499.107-1.004.107-1.511c0-.503-.042-1.005-.106-1.5H22V9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.787 7h10.426c-.108-.158-.201-.331-.318-.481l2.813-2.812l-1.414-1.414l-2.846 2.846a7 7 0 0 0-.723-.454a5.78 5.78 0 0 0-5.45 0c-.25.132-.488.287-.722.453L5.707 2.293L4.293 3.707l2.813 2.812c-.118.151-.21.323-.319.481M5.756 9H2v2h2.307c-.065.495-.107.997-.107 1.5c0 .507.042 1.013.107 1.511H2v2h2.753c.013.039.021.08.034.118c.188.555.421 1.093.695 1.6c.044.081.095.155.141.234l-2.33 2.33l1.414 1.414l2.11-2.111a7.5 7.5 0 0 0 2.068 1.619c.479.253.982.449 1.496.58c.204.052.411.085.618.118V16h2v5.914a6 6 0 0 0 .618-.118a6.8 6.8 0 0 0 1.496-.58c.465-.246.914-.55 1.333-.904c.258-.218.5-.462.734-.716l2.111 2.111l1.414-1.414l-2.33-2.33c.047-.08.098-.155.142-.236c.273-.505.507-1.043.694-1.599c.013-.039.021-.079.034-.118H22v-2h-2.308c.065-.499.107-1.004.107-1.511c0-.503-.042-1.005-.106-1.5H22V9z"/></svg> </template>
CSS
.icon-bug {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.787%207h10.426c-.108-.158-.201-.331-.318-.481l2.813-2.812l-1.414-1.414l-2.846%202.846a7%207%200%200%200-.723-.454a5.78%205.78%200%200%200-5.45%200c-.25.132-.488.287-.722.453L5.707%202.293L4.293%203.707l2.813%202.812c-.118.151-.21.323-.319.481M5.756%209H2v2h2.307c-.065.495-.107.997-.107%201.5c0%20.507.042%201.013.107%201.511H2v2h2.753c.013.039.021.08.034.118c.188.555.421%201.093.695%201.6c.044.081.095.155.141.234l-2.33%202.33l1.414%201.414l2.11-2.111a7.5%207.5%200%200%200%202.068%201.619c.479.253.982.449%201.496.58c.204.052.411.085.618.118V16h2v5.914a6%206%200%200%200%20.618-.118a6.8%206.8%200%200%200%201.496-.58c.465-.246.914-.55%201.333-.904c.258-.218.5-.462.734-.716l2.111%202.111l1.414-1.414l-2.33-2.33c.047-.08.098-.155.142-.236c.273-.505.507-1.043.694-1.599c.013-.039.021-.079.034-.118H22v-2h-2.308c.065-.499.107-1.004.107-1.511c0-.503-.042-1.005-.106-1.5H22V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.787%207h10.426c-.108-.158-.201-.331-.318-.481l2.813-2.812l-1.414-1.414l-2.846%202.846a7%207%200%200%200-.723-.454a5.78%205.78%200%200%200-5.45%200c-.25.132-.488.287-.722.453L5.707%202.293L4.293%203.707l2.813%202.812c-.118.151-.21.323-.319.481M5.756%209H2v2h2.307c-.065.495-.107.997-.107%201.5c0%20.507.042%201.013.107%201.511H2v2h2.753c.013.039.021.08.034.118c.188.555.421%201.093.695%201.6c.044.081.095.155.141.234l-2.33%202.33l1.414%201.414l2.11-2.111a7.5%207.5%200%200%200%202.068%201.619c.479.253.982.449%201.496.58c.204.052.411.085.618.118V16h2v5.914a6%206%200%200%200%20.618-.118a6.8%206.8%200%200%200%201.496-.58c.465-.246.914-.55%201.333-.904c.258-.218.5-.462.734-.716l2.111%202.111l1.414-1.414l-2.33-2.33c.047-.08.098-.155.142-.236c.273-.505.507-1.043.694-1.599c.013-.039.021-.079.034-.118H22v-2h-2.308c.065-.499.107-1.004.107-1.511c0-.503-.042-1.005-.106-1.5H22V9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/bug.svg?color=%231a73e8&size=48
