bug icon
bug-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- bug-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
bugAkar IconsbugBootstrap IconsbugBoxIcons v2bugBoxIcons v2 SolidbugEmoji One (Colored)bugFont Awesome 6 Solidbug-16-filledFluent UI System IconsbugFluent EmojibugFluent Emoji FlatbugFluent Emoji High ContrastbugIconoirbugIonIconsbugJam IconsbugLine AwesomebugLucidebugMaterial Design Iconsbug-fillMingCute IconbugNoto Emojibug-16OcticonsbugOpenMojibugPixelarticonsbug-fillRemix Iconbug-boldSolarbugStreamline Emojis
Related icons in Phosphor
Use the bug icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M140 88a16 16 0 1 1 16 16a16 16 0 0 1-16-16m-40-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m120 72a91.8 91.8 0 0 1-2.34 20.64l19.15 8.36a12 12 0 0 1-9.62 22l-18-7.85a92 92 0 0 1-162.46 0l-18 7.85a12 12 0 1 1-9.62-22l19.15-8.36A91.8 91.8 0 0 1 36 144v-4H16a12 12 0 0 1 0-24h20v-4a91.8 91.8 0 0 1 2.34-20.64L19.19 83a12 12 0 0 1 9.62-22l18 7.85a92 92 0 0 1 162.46 0l18-7.85a12 12 0 1 1 9.62 22l-19.15 8.36A91.8 91.8 0 0 1 220 112v4h20a12 12 0 0 1 0 24h-20ZM60 116h136v-4a68 68 0 0 0-136 0Zm56 94.92V140H60v4a68.1 68.1 0 0 0 56 66.92M196 144v-4h-56v70.92A68.1 68.1 0 0 0 196 144"/></svg>
React
import type { SVGProps } from "react";
export function PhBugBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M140 88a16 16 0 1 1 16 16a16 16 0 0 1-16-16m-40-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m120 72a91.8 91.8 0 0 1-2.34 20.64l19.15 8.36a12 12 0 0 1-9.62 22l-18-7.85a92 92 0 0 1-162.46 0l-18 7.85a12 12 0 1 1-9.62-22l19.15-8.36A91.8 91.8 0 0 1 36 144v-4H16a12 12 0 0 1 0-24h20v-4a91.8 91.8 0 0 1 2.34-20.64L19.19 83a12 12 0 0 1 9.62-22l18 7.85a92 92 0 0 1 162.46 0l18-7.85a12 12 0 1 1 9.62 22l-19.15 8.36A91.8 91.8 0 0 1 220 112v4h20a12 12 0 0 1 0 24h-20ZM60 116h136v-4a68 68 0 0 0-136 0Zm56 94.92V140H60v4a68.1 68.1 0 0 0 56 66.92M196 144v-4h-56v70.92A68.1 68.1 0 0 0 196 144"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M140 88a16 16 0 1 1 16 16a16 16 0 0 1-16-16m-40-16a16 16 0 1 0 16 16a16 16 0 0 0-16-16m120 72a91.8 91.8 0 0 1-2.34 20.64l19.15 8.36a12 12 0 0 1-9.62 22l-18-7.85a92 92 0 0 1-162.46 0l-18 7.85a12 12 0 1 1-9.62-22l19.15-8.36A91.8 91.8 0 0 1 36 144v-4H16a12 12 0 0 1 0-24h20v-4a91.8 91.8 0 0 1 2.34-20.64L19.19 83a12 12 0 0 1 9.62-22l18 7.85a92 92 0 0 1 162.46 0l18-7.85a12 12 0 1 1 9.62 22l-19.15 8.36A91.8 91.8 0 0 1 220 112v4h20a12 12 0 0 1 0 24h-20ZM60 116h136v-4a68 68 0 0 0-136 0Zm56 94.92V140H60v4a68.1 68.1 0 0 0 56 66.92M196 144v-4h-56v70.92A68.1 68.1 0 0 0 196 144"/></svg> </template>
CSS
.icon-bug-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M140%2088a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m-40-16a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16m120%2072a91.8%2091.8%200%200%201-2.34%2020.64l19.15%208.36a12%2012%200%200%201-9.62%2022l-18-7.85a92%2092%200%200%201-162.46%200l-18%207.85a12%2012%200%201%201-9.62-22l19.15-8.36A91.8%2091.8%200%200%201%2036%20144v-4H16a12%2012%200%200%201%200-24h20v-4a91.8%2091.8%200%200%201%202.34-20.64L19.19%2083a12%2012%200%200%201%209.62-22l18%207.85a92%2092%200%200%201%20162.46%200l18-7.85a12%2012%200%201%201%209.62%2022l-19.15%208.36A91.8%2091.8%200%200%201%20220%20112v4h20a12%2012%200%200%201%200%2024h-20ZM60%20116h136v-4a68%2068%200%200%200-136%200Zm56%2094.92V140H60v4a68.1%2068.1%200%200%200%2056%2066.92M196%20144v-4h-56v70.92A68.1%2068.1%200%200%200%20196%20144%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M140%2088a16%2016%200%201%201%2016%2016a16%2016%200%200%201-16-16m-40-16a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16m120%2072a91.8%2091.8%200%200%201-2.34%2020.64l19.15%208.36a12%2012%200%200%201-9.62%2022l-18-7.85a92%2092%200%200%201-162.46%200l-18%207.85a12%2012%200%201%201-9.62-22l19.15-8.36A91.8%2091.8%200%200%201%2036%20144v-4H16a12%2012%200%200%201%200-24h20v-4a91.8%2091.8%200%200%201%202.34-20.64L19.19%2083a12%2012%200%200%201%209.62-22l18%207.85a92%2092%200%200%201%20162.46%200l18-7.85a12%2012%200%201%201%209.62%2022l-19.15%208.36A91.8%2091.8%200%200%201%20220%20112v4h20a12%2012%200%200%201%200%2024h-20ZM60%20116h136v-4a68%2068%200%200%200-136%200Zm56%2094.92V140H60v4a68.1%2068.1%200%200%200%2056%2066.92M196%20144v-4h-56v70.92A68.1%2068.1%200%200%200%20196%20144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bug-bold.svg?color=%231a73e8&size=48
