bug icon

bug from Font Awesome 6 Solid by Dave Gandy · Regular · Code · CC-BY-4.0 Attribution required.

Name
bug
Set
Font Awesome 6 Solid
Style
Regular
Category
Code
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

bugAkar Iconsbug-filledAnt Design IconsbugBootstrap IconsbugBoxIcons v2bugBoxIcons v2 SolidbugCodiconsbugEmoji One (Colored)bugFont Awesome Solidbug-outlineFlowbite Iconsbug-16-filledFluent UI System IconsbugFluent EmojibugFluent Emoji FlatbugFluent Emoji High ContrastbugFirefox OS EmojibugIconParkbugIconPark OutlinebugIconPark SolidbugIconPark TwoTonebugIconoirbugIonIconsbugJam IconsbugLine AwesomebugLucidebugMaterial Design Icons

More code icons from Font Awesome 6 Solid

barcodecodecode-branchfile-codefile-csvfilterfire-extinguisherkeyboardlaptop-codemicrochipqrcodeterminaluser-secretwindow-maximizewindow-minimizewindow-restorebug-slash

Use the bug icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0c53 0 96 43 96 96v3.6c0 15.7-12.7 28.4-28.4 28.4H188.5c-15.7 0-28.4-12.7-28.4-28.4V96c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7.7 1.3 1.4 1.9 2.1c14.2-7.3 30.4-11.4 47.5-11.4h112c17.1 0 33.2 4.1 47.5 11.4c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7.7-1.4 1.3-2.1 1.9c6.2 12 10.1 25.3 11.1 39.5h64.3c17.7 0 32 14.3 32 32s-14.3 32-32 32h-64c0 24.6-5.5 47.8-15.4 68.6q3.3 1.95 6 4.8l64 64c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-63.1-63.1c-24.5 21.8-55.8 36.2-90.3 39.6V240c0-8.8-7.2-16-16-16s-16 7.2-16 16v239.2c-34.5-3.4-65.8-17.8-90.3-39.6l-63.1 63c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l64-64c1.9-1.9 3.9-3.4 6-4.8C101.5 367.8 96 344.6 96 320H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h64.3c1.1-14.1 5-27.5 11.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBug(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0c53 0 96 43 96 96v3.6c0 15.7-12.7 28.4-28.4 28.4H188.5c-15.7 0-28.4-12.7-28.4-28.4V96c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7.7 1.3 1.4 1.9 2.1c14.2-7.3 30.4-11.4 47.5-11.4h112c17.1 0 33.2 4.1 47.5 11.4c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7.7-1.4 1.3-2.1 1.9c6.2 12 10.1 25.3 11.1 39.5h64.3c17.7 0 32 14.3 32 32s-14.3 32-32 32h-64c0 24.6-5.5 47.8-15.4 68.6q3.3 1.95 6 4.8l64 64c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-63.1-63.1c-24.5 21.8-55.8 36.2-90.3 39.6V240c0-8.8-7.2-16-16-16s-16 7.2-16 16v239.2c-34.5-3.4-65.8-17.8-90.3-39.6l-63.1 63c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l64-64c1.9-1.9 3.9-3.4 6-4.8C101.5 367.8 96 344.6 96 320H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h64.3c1.1-14.1 5-27.5 11.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0c53 0 96 43 96 96v3.6c0 15.7-12.7 28.4-28.4 28.4H188.5c-15.7 0-28.4-12.7-28.4-28.4V96c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7.7 1.3 1.4 1.9 2.1c14.2-7.3 30.4-11.4 47.5-11.4h112c17.1 0 33.2 4.1 47.5 11.4c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7.7-1.4 1.3-2.1 1.9c6.2 12 10.1 25.3 11.1 39.5h64.3c17.7 0 32 14.3 32 32s-14.3 32-32 32h-64c0 24.6-5.5 47.8-15.4 68.6q3.3 1.95 6 4.8l64 64c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-63.1-63.1c-24.5 21.8-55.8 36.2-90.3 39.6V240c0-8.8-7.2-16-16-16s-16 7.2-16 16v239.2c-34.5-3.4-65.8-17.8-90.3-39.6l-63.1 63c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l64-64c1.9-1.9 3.9-3.4 6-4.8C101.5 367.8 96 344.6 96 320H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h64.3c1.1-14.1 5-27.5 11.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200c53%200%2096%2043%2096%2096v3.6c0%2015.7-12.7%2028.4-28.4%2028.4H188.5c-15.7%200-28.4-12.7-28.4-28.4V96c0-53%2043-96%2096-96zM41.4%20105.4c12.5-12.5%2032.8-12.5%2045.3%200l64%2064c.7.7%201.3%201.4%201.9%202.1c14.2-7.3%2030.4-11.4%2047.5-11.4h112c17.1%200%2033.2%204.1%2047.5%2011.4c.6-.7%201.2-1.4%201.9-2.1l64-64c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3l-64%2064c-.7.7-1.4%201.3-2.1%201.9c6.2%2012%2010.1%2025.3%2011.1%2039.5h64.3c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-64c0%2024.6-5.5%2047.8-15.4%2068.6q3.3%201.95%206%204.8l64%2064c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200l-63.1-63.1c-24.5%2021.8-55.8%2036.2-90.3%2039.6V240c0-8.8-7.2-16-16-16s-16%207.2-16%2016v239.2c-34.5-3.4-65.8-17.8-90.3-39.6l-63.1%2063c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l64-64c1.9-1.9%203.9-3.4%206-4.8C101.5%20367.8%2096%20344.6%2096%20320H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32h64.3c1.1-14.1%205-27.5%2011.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8%200-45.3z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200c53%200%2096%2043%2096%2096v3.6c0%2015.7-12.7%2028.4-28.4%2028.4H188.5c-15.7%200-28.4-12.7-28.4-28.4V96c0-53%2043-96%2096-96zM41.4%20105.4c12.5-12.5%2032.8-12.5%2045.3%200l64%2064c.7.7%201.3%201.4%201.9%202.1c14.2-7.3%2030.4-11.4%2047.5-11.4h112c17.1%200%2033.2%204.1%2047.5%2011.4c.6-.7%201.2-1.4%201.9-2.1l64-64c12.5-12.5%2032.8-12.5%2045.3%200s12.5%2032.8%200%2045.3l-64%2064c-.7.7-1.4%201.3-2.1%201.9c6.2%2012%2010.1%2025.3%2011.1%2039.5h64.3c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-64c0%2024.6-5.5%2047.8-15.4%2068.6q3.3%201.95%206%204.8l64%2064c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200l-63.1-63.1c-24.5%2021.8-55.8%2036.2-90.3%2039.6V240c0-8.8-7.2-16-16-16s-16%207.2-16%2016v239.2c-34.5-3.4-65.8-17.8-90.3-39.6l-63.1%2063c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l64-64c1.9-1.9%203.9-3.4%206-4.8C101.5%20367.8%2096%20344.6%2096%20320H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32h64.3c1.1-14.1%205-27.5%2011.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8%200-45.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/bug.svg?color=%231a73e8&size=48