bug icon
bug from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- bug
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
bugAkar Iconsbug-filledAnt Design 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 TwoTonebugIconoirbugJam IconsbugLine AwesomebugLucidebugMaterial Design Icons
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="M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103c0-8.61-6.64-16-15.25-16.41A16 16 0 0 0 400 112c0 28-1.86 48.15-9.9 63.84c-19.22-41.15-65.78-63.91-134.1-63.91c-39.8 0-74.19 9.13-99.43 26.39c-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0 0 80 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0 0 16 16.77h64V320a143.3 143.3 0 0 0 10.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 0 0 112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 0 0 220 459.42a16 16 0 0 0 20-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 272 192v251.93a16 16 0 0 0 20 15.49a144.4 144.4 0 0 0 81.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0 0 15.1 16.37A16 16 0 0 0 432 464c0-41.68-16.6-67.23-42.39-90.31A143.3 143.3 0 0 0 400 320v-15.87h64a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/><path fill="currentColor" d="m321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 0 0 256.21 32h-.42a95.87 95.87 0 0 0-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86c19.71-6 41.79-9.06 65.56-9.06c24.09 0 46.09 2.72 65.39 8.07"/></svg>
React
import type { SVGProps } from "react";
export function IonBug(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="M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103c0-8.61-6.64-16-15.25-16.41A16 16 0 0 0 400 112c0 28-1.86 48.15-9.9 63.84c-19.22-41.15-65.78-63.91-134.1-63.91c-39.8 0-74.19 9.13-99.43 26.39c-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0 0 80 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0 0 16 16.77h64V320a143.3 143.3 0 0 0 10.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 0 0 112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 0 0 220 459.42a16 16 0 0 0 20-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 272 192v251.93a16 16 0 0 0 20 15.49a144.4 144.4 0 0 0 81.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0 0 15.1 16.37A16 16 0 0 0 432 464c0-41.68-16.6-67.23-42.39-90.31A143.3 143.3 0 0 0 400 320v-15.87h64a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/><path fill="currentColor" d="m321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 0 0 256.21 32h-.42a95.87 95.87 0 0 0-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86c19.71-6 41.79-9.06 65.56-9.06c24.09 0 46.09 2.72 65.39 8.07"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M463.55 272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88 32.25-64.63 32.27-103c0-8.61-6.64-16-15.25-16.41A16 16 0 0 0 400 112c0 28-1.86 48.15-9.9 63.84c-19.22-41.15-65.78-63.91-134.1-63.91c-39.8 0-74.19 9.13-99.43 26.39c-14.9 10.19-26.2 22.91-33.7 37.72C114 160.65 112 141 112 112.46c0-8.61-6.6-16-15.2-16.44A16 16 0 0 0 80 112c0 37.63 2.61 73.73 32.44 101.63q-.43 5.06-.44 10.3v48.2H48.45c-8.61 0-16 6.62-16.43 15.23a16 16 0 0 0 16 16.77h64V320a143.3 143.3 0 0 0 10.39 53.69C96.74 396.64 80.18 422 80 463.34c0 8.74 6.62 16.3 15.36 16.65A16 16 0 0 0 112 464c0-27.66 9.1-44.71 26.17-61.32A144.37 144.37 0 0 0 220 459.42a16 16 0 0 0 20-15.49V192.45c0-8.61 6.62-16 15.23-16.43A16 16 0 0 1 272 192v251.93a16 16 0 0 0 20 15.49a144.4 144.4 0 0 0 81.82-56.74c17 16.54 26.09 33.52 26.17 60.95a16.27 16.27 0 0 0 15.1 16.37A16 16 0 0 0 432 464c0-41.68-16.6-67.23-42.39-90.31A143.3 143.3 0 0 0 400 320v-15.87h64a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/><path fill="currentColor" d="m321.39 104l.32.09c13.57 3.8 25.07-10.55 18.2-22.85A95.86 95.86 0 0 0 256.21 32h-.42a95.87 95.87 0 0 0-84.19 50.13c-6.84 12.58 5.14 27 18.84 22.86c19.71-6 41.79-9.06 65.56-9.06c24.09 0 46.09 2.72 65.39 8.07"/></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%22M463.55%20272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88%2032.25-64.63%2032.27-103c0-8.61-6.64-16-15.25-16.41A16%2016%200%200%200%20400%20112c0%2028-1.86%2048.15-9.9%2063.84c-19.22-41.15-65.78-63.91-134.1-63.91c-39.8%200-74.19%209.13-99.43%2026.39c-14.9%2010.19-26.2%2022.91-33.7%2037.72C114%20160.65%20112%20141%20112%20112.46c0-8.61-6.6-16-15.2-16.44A16%2016%200%200%200%2080%20112c0%2037.63%202.61%2073.73%2032.44%20101.63q-.43%205.06-.44%2010.3v48.2H48.45c-8.61%200-16%206.62-16.43%2015.23a16%2016%200%200%200%2016%2016.77h64V320a143.3%20143.3%200%200%200%2010.39%2053.69C96.74%20396.64%2080.18%20422%2080%20463.34c0%208.74%206.62%2016.3%2015.36%2016.65A16%2016%200%200%200%20112%20464c0-27.66%209.1-44.71%2026.17-61.32A144.37%20144.37%200%200%200%20220%20459.42a16%2016%200%200%200%2020-15.49V192.45c0-8.61%206.62-16%2015.23-16.43A16%2016%200%200%201%20272%20192v251.93a16%2016%200%200%200%2020%2015.49a144.4%20144.4%200%200%200%2081.82-56.74c17%2016.54%2026.09%2033.52%2026.17%2060.95a16.27%2016.27%200%200%200%2015.1%2016.37A16%2016%200%200%200%20432%20464c0-41.68-16.6-67.23-42.39-90.31A143.3%20143.3%200%200%200%20400%20320v-15.87h64a16%2016%200%200%200%2016-16.77c-.42-8.61-7.84-15.23-16.45-15.23%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m321.39%20104l.32.09c13.57%203.8%2025.07-10.55%2018.2-22.85A95.86%2095.86%200%200%200%20256.21%2032h-.42a95.87%2095.87%200%200%200-84.19%2050.13c-6.84%2012.58%205.14%2027%2018.84%2022.86c19.71-6%2041.79-9.06%2065.56-9.06c24.09%200%2046.09%202.72%2065.39%208.07%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%22M463.55%20272.13H400v-48.2q0-4.32-.27-8.47c29.57-27.88%2032.25-64.63%2032.27-103c0-8.61-6.64-16-15.25-16.41A16%2016%200%200%200%20400%20112c0%2028-1.86%2048.15-9.9%2063.84c-19.22-41.15-65.78-63.91-134.1-63.91c-39.8%200-74.19%209.13-99.43%2026.39c-14.9%2010.19-26.2%2022.91-33.7%2037.72C114%20160.65%20112%20141%20112%20112.46c0-8.61-6.6-16-15.2-16.44A16%2016%200%200%200%2080%20112c0%2037.63%202.61%2073.73%2032.44%20101.63q-.43%205.06-.44%2010.3v48.2H48.45c-8.61%200-16%206.62-16.43%2015.23a16%2016%200%200%200%2016%2016.77h64V320a143.3%20143.3%200%200%200%2010.39%2053.69C96.74%20396.64%2080.18%20422%2080%20463.34c0%208.74%206.62%2016.3%2015.36%2016.65A16%2016%200%200%200%20112%20464c0-27.66%209.1-44.71%2026.17-61.32A144.37%20144.37%200%200%200%20220%20459.42a16%2016%200%200%200%2020-15.49V192.45c0-8.61%206.62-16%2015.23-16.43A16%2016%200%200%201%20272%20192v251.93a16%2016%200%200%200%2020%2015.49a144.4%20144.4%200%200%200%2081.82-56.74c17%2016.54%2026.09%2033.52%2026.17%2060.95a16.27%2016.27%200%200%200%2015.1%2016.37A16%2016%200%200%200%20432%20464c0-41.68-16.6-67.23-42.39-90.31A143.3%20143.3%200%200%200%20400%20320v-15.87h64a16%2016%200%200%200%2016-16.77c-.42-8.61-7.84-15.23-16.45-15.23%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m321.39%20104l.32.09c13.57%203.8%2025.07-10.55%2018.2-22.85A95.86%2095.86%200%200%200%20256.21%2032h-.42a95.87%2095.87%200%200%200-84.19%2050.13c-6.84%2012.58%205.14%2027%2018.84%2022.86c19.71-6%2041.79-9.06%2065.56-9.06c24.09%200%2046.09%202.72%2065.39%208.07%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/bug.svg?color=%231a73e8&size=48
