bug icon
bug-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- bug-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- bug-fill
2 other variants in Ant Design Icons
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="M304 280h416c4.4 0 8-3.6 8-8c0-40-8.8-76.7-25.9-108.1c-17.2-31.5-42.5-56.8-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9c-31.5 17.2-56.8 42.5-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8"/><path fill="currentColor" d="M940 512H792V412c76.8 0 139-62.2 139-139c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 34.8-28.2 63-63 63H232c-34.8 0-63-28.2-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8c0-44.2 23.9-82.9 59.6-103.7c6 17.2 13.6 33.6 22.7 49c24.3 41.5 59 76.2 100.5 100.5c28.9 16.9 61 28.8 95.3 34.5c4.4 0 8-3.6 8-8V484c0-4.4 3.6-8 8-8h60c4.4 0 8 3.6 8 8v464.2c0 4.4 3.6 8 8 8c34.3-5.7 66.4-17.6 95.3-34.5c41.5-24.3 76.2-59 100.5-100.5c9.1-15.5 16.7-31.9 22.7-49C812.1 793.1 836 831.8 836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8c0-79.3-48.1-147.4-116.7-176.7c.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignBugFilled(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="M304 280h416c4.4 0 8-3.6 8-8c0-40-8.8-76.7-25.9-108.1c-17.2-31.5-42.5-56.8-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9c-31.5 17.2-56.8 42.5-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8"/><path fill="currentColor" d="M940 512H792V412c76.8 0 139-62.2 139-139c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 34.8-28.2 63-63 63H232c-34.8 0-63-28.2-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8c0-44.2 23.9-82.9 59.6-103.7c6 17.2 13.6 33.6 22.7 49c24.3 41.5 59 76.2 100.5 100.5c28.9 16.9 61 28.8 95.3 34.5c4.4 0 8-3.6 8-8V484c0-4.4 3.6-8 8-8h60c4.4 0 8 3.6 8 8v464.2c0 4.4 3.6 8 8 8c34.3-5.7 66.4-17.6 95.3-34.5c41.5-24.3 76.2-59 100.5-100.5c9.1-15.5 16.7-31.9 22.7-49C812.1 793.1 836 831.8 836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8c0-79.3-48.1-147.4-116.7-176.7c.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M304 280h416c4.4 0 8-3.6 8-8c0-40-8.8-76.7-25.9-108.1c-17.2-31.5-42.5-56.8-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9c-31.5 17.2-56.8 42.5-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8"/><path fill="currentColor" d="M940 512H792V412c76.8 0 139-62.2 139-139c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 34.8-28.2 63-63 63H232c-34.8 0-63-28.2-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8c0-44.2 23.9-82.9 59.6-103.7c6 17.2 13.6 33.6 22.7 49c24.3 41.5 59 76.2 100.5 100.5c28.9 16.9 61 28.8 95.3 34.5c4.4 0 8-3.6 8-8V484c0-4.4 3.6-8 8-8h60c4.4 0 8 3.6 8 8v464.2c0 4.4 3.6 8 8 8c34.3-5.7 66.4-17.6 95.3-34.5c41.5-24.3 76.2-59 100.5-100.5c9.1-15.5 16.7-31.9 22.7-49C812.1 793.1 836 831.8 836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8c0-79.3-48.1-147.4-116.7-176.7c.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8"/></svg> </template>
CSS
.icon-bug-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M304%20280h416c4.4%200%208-3.6%208-8c0-40-8.8-76.7-25.9-108.1c-17.2-31.5-42.5-56.8-74-74C596.7%2072.8%20560%2064%20520%2064h-16c-40%200-76.7%208.8-108.1%2025.9c-31.5%2017.2-56.8%2042.5-74%2074C304.8%20195.3%20296%20232%20296%20272c0%204.4%203.6%208%208%208%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M940%20512H792V412c76.8%200%20139-62.2%20139-139c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%2034.8-28.2%2063-63%2063H232c-34.8%200-63-28.2-63-63c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%2076.8%2062.2%20139%20139%20139v100H84c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h148v96c0%206.5.2%2013%20.7%2019.3C164.1%20728.6%20116%20796.7%20116%20876c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8c0-44.2%2023.9-82.9%2059.6-103.7c6%2017.2%2013.6%2033.6%2022.7%2049c24.3%2041.5%2059%2076.2%20100.5%20100.5c28.9%2016.9%2061%2028.8%2095.3%2034.5c4.4%200%208-3.6%208-8V484c0-4.4%203.6-8%208-8h60c4.4%200%208%203.6%208%208v464.2c0%204.4%203.6%208%208%208c34.3-5.7%2066.4-17.6%2095.3-34.5c41.5-24.3%2076.2-59%20100.5-100.5c9.1-15.5%2016.7-31.9%2022.7-49C812.1%20793.1%20836%20831.8%20836%20876c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8c0-79.3-48.1-147.4-116.7-176.7c.4-6.4.7-12.8.7-19.3v-96h148c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8%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%22M304%20280h416c4.4%200%208-3.6%208-8c0-40-8.8-76.7-25.9-108.1c-17.2-31.5-42.5-56.8-74-74C596.7%2072.8%20560%2064%20520%2064h-16c-40%200-76.7%208.8-108.1%2025.9c-31.5%2017.2-56.8%2042.5-74%2074C304.8%20195.3%20296%20232%20296%20272c0%204.4%203.6%208%208%208%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M940%20512H792V412c76.8%200%20139-62.2%20139-139c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%2034.8-28.2%2063-63%2063H232c-34.8%200-63-28.2-63-63c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%2076.8%2062.2%20139%20139%20139v100H84c-4.4%200-8%203.6-8%208v56c0%204.4%203.6%208%208%208h148v96c0%206.5.2%2013%20.7%2019.3C164.1%20728.6%20116%20796.7%20116%20876c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8c0-44.2%2023.9-82.9%2059.6-103.7c6%2017.2%2013.6%2033.6%2022.7%2049c24.3%2041.5%2059%2076.2%20100.5%20100.5c28.9%2016.9%2061%2028.8%2095.3%2034.5c4.4%200%208-3.6%208-8V484c0-4.4%203.6-8%208-8h60c4.4%200%208%203.6%208%208v464.2c0%204.4%203.6%208%208%208c34.3-5.7%2066.4-17.6%2095.3-34.5c41.5-24.3%2076.2-59%20100.5-100.5c9.1-15.5%2016.7-31.9%2022.7-49C812.1%20793.1%20836%20831.8%20836%20876c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8c0-79.3-48.1-147.4-116.7-176.7c.4-6.4.7-12.8.7-19.3v-96h148c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/bug-filled.svg?color=%231a73e8&size=48
