bug icon
bug-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- bug-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
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 ContrastbugIconoirbugJam IconsbugLine AwesomebugLucidebugMaterial Design Iconsbug-fillMingCute IconbugNoto Emojibug-16OcticonsbugOpenMojibugPhosphorbugPixelarticonsbug-fillRemix Iconbug-boldSolarbugStreamline Emojis
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="M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32c-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304Z"/><path fill="currentColor" d="M256 32c-48.06 0-96 0-96 84c26.12-14 59.35-20 96-20c24.09 0 46.09 2.65 65.39 8c10.75 3 24.66 8.71 30.61 12c0-84-47.94-84-96-84"/></svg>
React
import type { SVGProps } from "react";
export function IonBugSharp(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="M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32c-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304Z"/><path fill="currentColor" d="M256 32c-48.06 0-96 0-96 84c26.12-14 59.35-20 96-20c24.09 0 46.09 2.65 65.39 8c10.75 3 24.66 8.71 30.61 12c0-84-47.94-84-96-84"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M480 304.13v-32h-80V215.2c29.42-27.95 32-64.76 32-103.2V96h-32v16c0 28-1.86 48.15-9.9 63.84C368 128 324.32 112 256 112c-39.8 0-75.19 7.06-100.43 24.32c-14.9 10.19-25.2 24.91-32.7 39.72C114 160.57 112 140.82 112 112V96H80v16c0 37.44 2.59 73.36 32 101.2v58.93H32v32l80-.13c0 19 3.7 53.09 10.39 69.69C96.6 396.76 80 422.31 80 464v16h32v-16c0-27.66 9.1-44.71 26.17-61.32C160 448 177 464 240 464V176h32v288c65 0 80-16 101.83-61.32C390.9 419.29 400 436.35 400 464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3 357.09 400 323 400 304Z"/><path fill="currentColor" d="M256 32c-48.06 0-96 0-96 84c26.12-14 59.35-20 96-20c24.09 0 46.09 2.65 65.39 8c10.75 3 24.66 8.71 30.61 12c0-84-47.94-84-96-84"/></svg> </template>
CSS
.icon-bug-sharp {
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%22M480%20304.13v-32h-80V215.2c29.42-27.95%2032-64.76%2032-103.2V96h-32v16c0%2028-1.86%2048.15-9.9%2063.84C368%20128%20324.32%20112%20256%20112c-39.8%200-75.19%207.06-100.43%2024.32c-14.9%2010.19-25.2%2024.91-32.7%2039.72C114%20160.57%20112%20140.82%20112%20112V96H80v16c0%2037.44%202.59%2073.36%2032%20101.2v58.93H32v32l80-.13c0%2019%203.7%2053.09%2010.39%2069.69C96.6%20396.76%2080%20422.31%2080%20464v16h32v-16c0-27.66%209.1-44.71%2026.17-61.32C160%20448%20177%20464%20240%20464V176h32v288c65%200%2080-16%20101.83-61.32C390.9%20419.29%20400%20436.35%20400%20464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3%20357.09%20400%20323%20400%20304Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2032c-48.06%200-96%200-96%2084c26.12-14%2059.35-20%2096-20c24.09%200%2046.09%202.65%2065.39%208c10.75%203%2024.66%208.71%2030.61%2012c0-84-47.94-84-96-84%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%22M480%20304.13v-32h-80V215.2c29.42-27.95%2032-64.76%2032-103.2V96h-32v16c0%2028-1.86%2048.15-9.9%2063.84C368%20128%20324.32%20112%20256%20112c-39.8%200-75.19%207.06-100.43%2024.32c-14.9%2010.19-25.2%2024.91-32.7%2039.72C114%20160.57%20112%20140.82%20112%20112V96H80v16c0%2037.44%202.59%2073.36%2032%20101.2v58.93H32v32l80-.13c0%2019%203.7%2053.09%2010.39%2069.69C96.6%20396.76%2080%20422.31%2080%20464v16h32v-16c0-27.66%209.1-44.71%2026.17-61.32C160%20448%20177%20464%20240%20464V176h32v288c65%200%2080-16%20101.83-61.32C390.9%20419.29%20400%20436.35%20400%20464v16h32v-16c0-41.68-16.6-67.23-42.39-90.31C396.3%20357.09%20400%20323%20400%20304Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2032c-48.06%200-96%200-96%2084c26.12-14%2059.35-20%2096-20c24.09%200%2046.09%202.65%2065.39%208c10.75%203%2024.66%208.71%2030.61%2012c0-84-47.94-84-96-84%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/bug-sharp.svg?color=%231a73e8&size=48
