bug icon

bug-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name
bug-twotone
Set
Ant Design Icons
Style
TwoTone
Viewbox
1024×1024
License
MIT

2 other variants in Ant Design Icons

bug-filledbug-outlined

The same icon in other sets

bugAkar IconsbugBootstrap IconsbugBoxIcons v2bugBoxIcons v2 SolidbugCodiconsbugEmoji 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

Use the bug icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412zm484 172v96c0 6.503-.222 12.954-.658 19.346C859.931 728.636 908 796.705 908 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-44.24-23.94-82.888-59.57-103.697a278.6 278.6 0 0 1-22.658 49.018a281.4 281.4 0 0 1-100.45 100.45C611.84 946.072 563.546 960 512 960s-99.84-13.929-141.321-38.228a281.4 281.4 0 0 1-100.45-100.45a278.6 278.6 0 0 1-22.658-49.019C211.94 793.113 188 831.76 188 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-79.295 48.07-147.363 116.658-176.654A284 284 0 0 1 232 680v-96H84a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h148V412c-76.768 0-139-62.232-139-139a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 34.794 28.206 63 63 63h560c34.794 0 63-28.206 63-63a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 76.768-62.232 139-139 139v100h148a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8zM368 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-40.039 8.779-76.746 25.9-108.068c17.235-31.526 42.506-56.797 74.032-74.031C427.254 72.779 463.962 64 504 64h16c40.039 0 76.746 8.779 108.068 25.9c31.526 17.235 56.797 42.506 74.031 74.032C719.221 195.254 728 231.962 728 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-28.326-5.938-53.154-17.077-73.531c-10.625-19.437-25.955-34.767-45.392-45.392C573.154 141.937 548.326 136 520 136h-16c-28.326 0-53.154 5.938-73.531 17.077c-19.437 10.625-34.767 25.955-45.392 45.392C373.937 218.846 368 243.674 368 272"/><path fill="currentColor" fill-opacity=".15" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignBugTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412zm484 172v96c0 6.503-.222 12.954-.658 19.346C859.931 728.636 908 796.705 908 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-44.24-23.94-82.888-59.57-103.697a278.6 278.6 0 0 1-22.658 49.018a281.4 281.4 0 0 1-100.45 100.45C611.84 946.072 563.546 960 512 960s-99.84-13.929-141.321-38.228a281.4 281.4 0 0 1-100.45-100.45a278.6 278.6 0 0 1-22.658-49.019C211.94 793.113 188 831.76 188 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-79.295 48.07-147.363 116.658-176.654A284 284 0 0 1 232 680v-96H84a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h148V412c-76.768 0-139-62.232-139-139a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 34.794 28.206 63 63 63h560c34.794 0 63-28.206 63-63a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 76.768-62.232 139-139 139v100h148a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8zM368 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-40.039 8.779-76.746 25.9-108.068c17.235-31.526 42.506-56.797 74.032-74.031C427.254 72.779 463.962 64 504 64h16c40.039 0 76.746 8.779 108.068 25.9c31.526 17.235 56.797 42.506 74.031 74.032C719.221 195.254 728 231.962 728 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-28.326-5.938-53.154-17.077-73.531c-10.625-19.437-25.955-34.767-45.392-45.392C573.154 141.937 548.326 136 520 136h-16c-28.326 0-53.154 5.938-73.531 17.077c-19.437 10.625-34.767 25.955-45.392 45.392C373.937 218.846 368 243.674 368 272"/><path fill="currentColor" fillOpacity=".15" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412zm484 172v96c0 6.503-.222 12.954-.658 19.346C859.931 728.636 908 796.705 908 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-44.24-23.94-82.888-59.57-103.697a278.6 278.6 0 0 1-22.658 49.018a281.4 281.4 0 0 1-100.45 100.45C611.84 946.072 563.546 960 512 960s-99.84-13.929-141.321-38.228a281.4 281.4 0 0 1-100.45-100.45a278.6 278.6 0 0 1-22.658-49.019C211.94 793.113 188 831.76 188 876a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-79.295 48.07-147.363 116.658-176.654A284 284 0 0 1 232 680v-96H84a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h148V412c-76.768 0-139-62.232-139-139a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 34.794 28.206 63 63 63h560c34.794 0 63-28.206 63-63a8 8 0 0 1 8-8h60a8 8 0 0 1 8 8c0 76.768-62.232 139-139 139v100h148a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8zM368 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-40.039 8.779-76.746 25.9-108.068c17.235-31.526 42.506-56.797 74.032-74.031C427.254 72.779 463.962 64 504 64h16c40.039 0 76.746 8.779 108.068 25.9c31.526 17.235 56.797 42.506 74.031 74.032C719.221 195.254 728 231.962 728 272a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8c0-28.326-5.938-53.154-17.077-73.531c-10.625-19.437-25.955-34.767-45.392-45.392C573.154 141.937 548.326 136 520 136h-16c-28.326 0-53.154 5.938-73.531 17.077c-19.437 10.625-34.767 25.955-45.392 45.392C373.937 218.846 368 243.674 368 272"/><path fill="currentColor" fill-opacity=".15" d="M308 412v268c0 36.779 9.678 71.962 27.805 102.907a205.4 205.4 0 0 0 73.288 73.288C440.038 874.322 475.22 884 512 884s71.962-9.678 102.907-27.805a205.4 205.4 0 0 0 73.288-73.288C706.322 751.962 716 716.78 716 680V412z"/></svg>
</template>

CSS

.icon-bug-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M308%20412v268c0%2036.779%209.678%2071.962%2027.805%20102.907a205.4%20205.4%200%200%200%2073.288%2073.288C440.038%20874.322%20475.22%20884%20512%20884s71.962-9.678%20102.907-27.805a205.4%20205.4%200%200%200%2073.288-73.288C706.322%20751.962%20716%20716.78%20716%20680V412zm484%20172v96c0%206.503-.222%2012.954-.658%2019.346C859.931%20728.636%20908%20796.705%20908%20876a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-44.24-23.94-82.888-59.57-103.697a278.6%20278.6%200%200%201-22.658%2049.018a281.4%20281.4%200%200%201-100.45%20100.45C611.84%20946.072%20563.546%20960%20512%20960s-99.84-13.929-141.321-38.228a281.4%20281.4%200%200%201-100.45-100.45a278.6%20278.6%200%200%201-22.658-49.019C211.94%20793.113%20188%20831.76%20188%20876a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-79.295%2048.07-147.363%20116.658-176.654A284%20284%200%200%201%20232%20680v-96H84a8%208%200%200%201-8-8v-56a8%208%200%200%201%208-8h148V412c-76.768%200-139-62.232-139-139a8%208%200%200%201%208-8h60a8%208%200%200%201%208%208c0%2034.794%2028.206%2063%2063%2063h560c34.794%200%2063-28.206%2063-63a8%208%200%200%201%208-8h60a8%208%200%200%201%208%208c0%2076.768-62.232%20139-139%20139v100h148a8%208%200%200%201%208%208v56a8%208%200%200%201-8%208zM368%20272a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-40.039%208.779-76.746%2025.9-108.068c17.235-31.526%2042.506-56.797%2074.032-74.031C427.254%2072.779%20463.962%2064%20504%2064h16c40.039%200%2076.746%208.779%20108.068%2025.9c31.526%2017.235%2056.797%2042.506%2074.031%2074.032C719.221%20195.254%20728%20231.962%20728%20272a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-28.326-5.938-53.154-17.077-73.531c-10.625-19.437-25.955-34.767-45.392-45.392C573.154%20141.937%20548.326%20136%20520%20136h-16c-28.326%200-53.154%205.938-73.531%2017.077c-19.437%2010.625-34.767%2025.955-45.392%2045.392C373.937%20218.846%20368%20243.674%20368%20272%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M308%20412v268c0%2036.779%209.678%2071.962%2027.805%20102.907a205.4%20205.4%200%200%200%2073.288%2073.288C440.038%20874.322%20475.22%20884%20512%20884s71.962-9.678%20102.907-27.805a205.4%20205.4%200%200%200%2073.288-73.288C706.322%20751.962%20716%20716.78%20716%20680V412z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M308%20412v268c0%2036.779%209.678%2071.962%2027.805%20102.907a205.4%20205.4%200%200%200%2073.288%2073.288C440.038%20874.322%20475.22%20884%20512%20884s71.962-9.678%20102.907-27.805a205.4%20205.4%200%200%200%2073.288-73.288C706.322%20751.962%20716%20716.78%20716%20680V412zm484%20172v96c0%206.503-.222%2012.954-.658%2019.346C859.931%20728.636%20908%20796.705%20908%20876a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-44.24-23.94-82.888-59.57-103.697a278.6%20278.6%200%200%201-22.658%2049.018a281.4%20281.4%200%200%201-100.45%20100.45C611.84%20946.072%20563.546%20960%20512%20960s-99.84-13.929-141.321-38.228a281.4%20281.4%200%200%201-100.45-100.45a278.6%20278.6%200%200%201-22.658-49.019C211.94%20793.113%20188%20831.76%20188%20876a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-79.295%2048.07-147.363%20116.658-176.654A284%20284%200%200%201%20232%20680v-96H84a8%208%200%200%201-8-8v-56a8%208%200%200%201%208-8h148V412c-76.768%200-139-62.232-139-139a8%208%200%200%201%208-8h60a8%208%200%200%201%208%208c0%2034.794%2028.206%2063%2063%2063h560c34.794%200%2063-28.206%2063-63a8%208%200%200%201%208-8h60a8%208%200%200%201%208%208c0%2076.768-62.232%20139-139%20139v100h148a8%208%200%200%201%208%208v56a8%208%200%200%201-8%208zM368%20272a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-40.039%208.779-76.746%2025.9-108.068c17.235-31.526%2042.506-56.797%2074.032-74.031C427.254%2072.779%20463.962%2064%20504%2064h16c40.039%200%2076.746%208.779%20108.068%2025.9c31.526%2017.235%2056.797%2042.506%2074.031%2074.032C719.221%20195.254%20728%20231.962%20728%20272a8%208%200%200%201-8%208h-56a8%208%200%200%201-8-8c0-28.326-5.938-53.154-17.077-73.531c-10.625-19.437-25.955-34.767-45.392-45.392C573.154%20141.937%20548.326%20136%20520%20136h-16c-28.326%200-53.154%205.938-73.531%2017.077c-19.437%2010.625-34.767%2025.955-45.392%2045.392C373.937%20218.846%20368%20243.674%20368%20272%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M308%20412v268c0%2036.779%209.678%2071.962%2027.805%20102.907a205.4%20205.4%200%200%200%2073.288%2073.288C440.038%20874.322%20475.22%20884%20512%20884s71.962-9.678%20102.907-27.805a205.4%20205.4%200%200%200%2073.288-73.288C706.322%20751.962%20716%20716.78%20716%20680V412z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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