bug icon
bug-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- bug-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
bugAkar IconsbugBootstrap IconsbugBoxIcons v2bugBoxIcons v2 SolidbugEmoji One (Colored)bugFont Awesome 6 SolidbugFluent EmojibugFluent Emoji FlatbugFluent Emoji High ContrastbugIconoirbugIonIconsbugJam IconsbugLine AwesomebugLucidebugMaterial Design Iconsbug-fillMingCute IconbugNoto Emojibug-16OcticonsbugOpenMojibugPhosphorbugPixelarticonsbug-fillRemix Iconbug-boldSolarbugStreamline Emojis
Related icons in Fluent UI System Icons
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="M14.25 2.002a.75.75 0 0 1 .743.648l.007.102v.752a3 3 0 0 1-.53 1.704a3.75 3.75 0 0 1 2.521 3.29h.256a2.25 2.25 0 0 0 2.24-2.259l-.006-1.485a.75.75 0 0 1 1.5-.007l.007 1.486a3.75 3.75 0 0 1-3.536 3.76l-.214.006L17 9.998V11.5h4.253a.75.75 0 0 1 .743.649l.007.102a.75.75 0 0 1-.648.743l-.102.007H17V15h.238l.214.007a3.75 3.75 0 0 1 3.531 3.56l.005.2l-.007 1.485a.75.75 0 0 1-1.493.095l-.007-.102l.007-1.485a2.25 2.25 0 0 0-2.087-2.254l-.154-.005h-.476a5.002 5.002 0 0 1-9.542 0H6.74A2.25 2.25 0 0 0 4.5 18.76l.005 1.485a.75.75 0 1 1-1.5.007L3 18.766a3.75 3.75 0 0 1 3.535-3.76l.215-.005L7 15v-2H2.75a.75.75 0 0 1-.743-.648L2 12.251a.75.75 0 0 1 .648-.744l.102-.006L7 11.5V9.998h-.25l-.215-.005a3.75 3.75 0 0 1-3.53-3.56L3 6.232l.006-1.486A.75.75 0 0 1 4.5 4.652l.006.102L4.5 6.239a2.25 2.25 0 0 0 2.087 2.254l.154.006h.268A3.75 3.75 0 0 1 9.53 5.206a2.97 2.97 0 0 1-.524-1.494L9 3.504v-.752a.75.75 0 0 1 1.493-.102l.007.102v.752a1.5 1.5 0 0 0 2.993.145l.007-.145v-.752a.75.75 0 0 1 .75-.75"/></svg>
React
import type { SVGProps } from "react";
export function FluentBug24Filled(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="M14.25 2.002a.75.75 0 0 1 .743.648l.007.102v.752a3 3 0 0 1-.53 1.704a3.75 3.75 0 0 1 2.521 3.29h.256a2.25 2.25 0 0 0 2.24-2.259l-.006-1.485a.75.75 0 0 1 1.5-.007l.007 1.486a3.75 3.75 0 0 1-3.536 3.76l-.214.006L17 9.998V11.5h4.253a.75.75 0 0 1 .743.649l.007.102a.75.75 0 0 1-.648.743l-.102.007H17V15h.238l.214.007a3.75 3.75 0 0 1 3.531 3.56l.005.2l-.007 1.485a.75.75 0 0 1-1.493.095l-.007-.102l.007-1.485a2.25 2.25 0 0 0-2.087-2.254l-.154-.005h-.476a5.002 5.002 0 0 1-9.542 0H6.74A2.25 2.25 0 0 0 4.5 18.76l.005 1.485a.75.75 0 1 1-1.5.007L3 18.766a3.75 3.75 0 0 1 3.535-3.76l.215-.005L7 15v-2H2.75a.75.75 0 0 1-.743-.648L2 12.251a.75.75 0 0 1 .648-.744l.102-.006L7 11.5V9.998h-.25l-.215-.005a3.75 3.75 0 0 1-3.53-3.56L3 6.232l.006-1.486A.75.75 0 0 1 4.5 4.652l.006.102L4.5 6.239a2.25 2.25 0 0 0 2.087 2.254l.154.006h.268A3.75 3.75 0 0 1 9.53 5.206a2.97 2.97 0 0 1-.524-1.494L9 3.504v-.752a.75.75 0 0 1 1.493-.102l.007.102v.752a1.5 1.5 0 0 0 2.993.145l.007-.145v-.752a.75.75 0 0 1 .75-.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.25 2.002a.75.75 0 0 1 .743.648l.007.102v.752a3 3 0 0 1-.53 1.704a3.75 3.75 0 0 1 2.521 3.29h.256a2.25 2.25 0 0 0 2.24-2.259l-.006-1.485a.75.75 0 0 1 1.5-.007l.007 1.486a3.75 3.75 0 0 1-3.536 3.76l-.214.006L17 9.998V11.5h4.253a.75.75 0 0 1 .743.649l.007.102a.75.75 0 0 1-.648.743l-.102.007H17V15h.238l.214.007a3.75 3.75 0 0 1 3.531 3.56l.005.2l-.007 1.485a.75.75 0 0 1-1.493.095l-.007-.102l.007-1.485a2.25 2.25 0 0 0-2.087-2.254l-.154-.005h-.476a5.002 5.002 0 0 1-9.542 0H6.74A2.25 2.25 0 0 0 4.5 18.76l.005 1.485a.75.75 0 1 1-1.5.007L3 18.766a3.75 3.75 0 0 1 3.535-3.76l.215-.005L7 15v-2H2.75a.75.75 0 0 1-.743-.648L2 12.251a.75.75 0 0 1 .648-.744l.102-.006L7 11.5V9.998h-.25l-.215-.005a3.75 3.75 0 0 1-3.53-3.56L3 6.232l.006-1.486A.75.75 0 0 1 4.5 4.652l.006.102L4.5 6.239a2.25 2.25 0 0 0 2.087 2.254l.154.006h.268A3.75 3.75 0 0 1 9.53 5.206a2.97 2.97 0 0 1-.524-1.494L9 3.504v-.752a.75.75 0 0 1 1.493-.102l.007.102v.752a1.5 1.5 0 0 0 2.993.145l.007-.145v-.752a.75.75 0 0 1 .75-.75"/></svg> </template>
CSS
.icon-bug-24-filled {
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%22M14.25%202.002a.75.75%200%200%201%20.743.648l.007.102v.752a3%203%200%200%201-.53%201.704a3.75%203.75%200%200%201%202.521%203.29h.256a2.25%202.25%200%200%200%202.24-2.259l-.006-1.485a.75.75%200%200%201%201.5-.007l.007%201.486a3.75%203.75%200%200%201-3.536%203.76l-.214.006L17%209.998V11.5h4.253a.75.75%200%200%201%20.743.649l.007.102a.75.75%200%200%201-.648.743l-.102.007H17V15h.238l.214.007a3.75%203.75%200%200%201%203.531%203.56l.005.2l-.007%201.485a.75.75%200%200%201-1.493.095l-.007-.102l.007-1.485a2.25%202.25%200%200%200-2.087-2.254l-.154-.005h-.476a5.002%205.002%200%200%201-9.542%200H6.74A2.25%202.25%200%200%200%204.5%2018.76l.005%201.485a.75.75%200%201%201-1.5.007L3%2018.766a3.75%203.75%200%200%201%203.535-3.76l.215-.005L7%2015v-2H2.75a.75.75%200%200%201-.743-.648L2%2012.251a.75.75%200%200%201%20.648-.744l.102-.006L7%2011.5V9.998h-.25l-.215-.005a3.75%203.75%200%200%201-3.53-3.56L3%206.232l.006-1.486A.75.75%200%200%201%204.5%204.652l.006.102L4.5%206.239a2.25%202.25%200%200%200%202.087%202.254l.154.006h.268A3.75%203.75%200%200%201%209.53%205.206a2.97%202.97%200%200%201-.524-1.494L9%203.504v-.752a.75.75%200%200%201%201.493-.102l.007.102v.752a1.5%201.5%200%200%200%202.993.145l.007-.145v-.752a.75.75%200%200%201%20.75-.75%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%22M14.25%202.002a.75.75%200%200%201%20.743.648l.007.102v.752a3%203%200%200%201-.53%201.704a3.75%203.75%200%200%201%202.521%203.29h.256a2.25%202.25%200%200%200%202.24-2.259l-.006-1.485a.75.75%200%200%201%201.5-.007l.007%201.486a3.75%203.75%200%200%201-3.536%203.76l-.214.006L17%209.998V11.5h4.253a.75.75%200%200%201%20.743.649l.007.102a.75.75%200%200%201-.648.743l-.102.007H17V15h.238l.214.007a3.75%203.75%200%200%201%203.531%203.56l.005.2l-.007%201.485a.75.75%200%200%201-1.493.095l-.007-.102l.007-1.485a2.25%202.25%200%200%200-2.087-2.254l-.154-.005h-.476a5.002%205.002%200%200%201-9.542%200H6.74A2.25%202.25%200%200%200%204.5%2018.76l.005%201.485a.75.75%200%201%201-1.5.007L3%2018.766a3.75%203.75%200%200%201%203.535-3.76l.215-.005L7%2015v-2H2.75a.75.75%200%200%201-.743-.648L2%2012.251a.75.75%200%200%201%20.648-.744l.102-.006L7%2011.5V9.998h-.25l-.215-.005a3.75%203.75%200%200%201-3.53-3.56L3%206.232l.006-1.486A.75.75%200%200%201%204.5%204.652l.006.102L4.5%206.239a2.25%202.25%200%200%200%202.087%202.254l.154.006h.268A3.75%203.75%200%200%201%209.53%205.206a2.97%202.97%200%200%201-.524-1.494L9%203.504v-.752a.75.75%200%200%201%201.493-.102l.007.102v.752a1.5%201.5%200%200%200%202.993.145l.007-.145v-.752a.75.75%200%200%201%20.75-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/bug-24-filled.svg?color=%231a73e8&size=48
