bug icon
bug-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- bug-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- bug, bug-outline
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 280h56c4.4 0 8-3.6 8-8c0-28.3 5.9-53.2 17.1-73.5c10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1c19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.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.5S460.5 960 512 960s99.8-13.9 141.3-38.2s76.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-8M716 680c0 36.8-9.7 72-27.8 102.9c-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3C317.7 752 308 716.8 308 680V412h408z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignBugOutlined(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 280h56c4.4 0 8-3.6 8-8c0-28.3 5.9-53.2 17.1-73.5c10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1c19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.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.5S460.5 960 512 960s99.8-13.9 141.3-38.2s76.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-8M716 680c0 36.8-9.7 72-27.8 102.9c-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3C317.7 752 308 716.8 308 680V412h408z"/></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 280h56c4.4 0 8-3.6 8-8c0-28.3 5.9-53.2 17.1-73.5c10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1c19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.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.5S460.5 960 512 960s99.8-13.9 141.3-38.2s76.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-8M716 680c0 36.8-9.7 72-27.8 102.9c-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3C317.7 752 308 716.8 308 680V412h408z"/></svg> </template>
CSS
.icon-bug-outlined {
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%20280h56c4.4%200%208-3.6%208-8c0-28.3%205.9-53.2%2017.1-73.5c10.6-19.4%2026-34.8%2045.4-45.4C450.9%20142%20475.7%20136%20504%20136h16c28.3%200%2053.2%205.9%2073.5%2017.1c19.4%2010.6%2034.8%2026%2045.4%2045.4C650%20218.9%20656%20243.7%20656%20272c0%204.4%203.6%208%208%208h56c4.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.5S460.5%20960%20512%20960s99.8-13.9%20141.3-38.2s76.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-8M716%20680c0%2036.8-9.7%2072-27.8%20102.9c-17.7%2030.3-43%2055.6-73.3%2073.3C584%20874.3%20548.8%20884%20512%20884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3C317.7%20752%20308%20716.8%20308%20680V412h408z%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%20280h56c4.4%200%208-3.6%208-8c0-28.3%205.9-53.2%2017.1-73.5c10.6-19.4%2026-34.8%2045.4-45.4C450.9%20142%20475.7%20136%20504%20136h16c28.3%200%2053.2%205.9%2073.5%2017.1c19.4%2010.6%2034.8%2026%2045.4%2045.4C650%20218.9%20656%20243.7%20656%20272c0%204.4%203.6%208%208%208h56c4.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.5S460.5%20960%20512%20960s99.8-13.9%20141.3-38.2s76.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-8M716%20680c0%2036.8-9.7%2072-27.8%20102.9c-17.7%2030.3-43%2055.6-73.3%2073.3C584%20874.3%20548.8%20884%20512%20884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3C317.7%20752%20308%20716.8%20308%20680V412h408z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/bug-outlined.svg?color=%231a73e8&size=48
