bug ant icon
bug-ant-solid from HeroIcons by Refactoring UI Inc · Solid 24x24 · MIT Free for personal and commercial use.
- Name
- bug-ant-solid
- Set
- HeroIcons
- Style
- Solid 24x24
- Viewbox
- 24×24
- License
- MIT
3 other variants in HeroIcons
Use the bug ant icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.478 1.6a.75.75 0 0 1 .273 1.026a3.7 3.7 0 0 0-.425 1.121q.087.087.18.168A4.5 4.5 0 0 1 12 2.25a4.49 4.49 0 0 1 3.497 1.668q.09-.081.178-.167a3.7 3.7 0 0 0-.426-1.125a.75.75 0 1 1 1.298-.752a5.2 5.2 0 0 1 .671 2.046a.75.75 0 0 1-.187.582q-.363.405-.787.749a4.5 4.5 0 0 1 .216 2.1c-.106.792-.753 1.295-1.417 1.403q-.273.045-.547.081q.229.342.359.742a23 23 0 0 0 3.832-.803a23 23 0 0 0-.345-2.634a.75.75 0 0 1 1.474-.28c.21 1.115.348 2.256.404 3.418a.75.75 0 0 1-.516.75a24.7 24.7 0 0 1-4.76 1.049c-.074.38-.22.735-.423 1.05c2.066.209 4.058.672 5.943 1.358a.75.75 0 0 1 .492.75a24.7 24.7 0 0 1-1.189 6.25a.75.75 0 0 1-1.425-.47a23 23 0 0 0 1.077-5.306q-.75-.253-1.524-.455q.103.352.104.746c0 3.956-2.521 7.5-6 7.5S6 18.956 6 15q.002-.393.104-.746q-.772.202-1.522.455c.154 1.838.52 3.616 1.077 5.307a.75.75 0 1 1-1.425.468a24.7 24.7 0 0 1-1.19-6.25a.75.75 0 0 1 .493-.749a24.6 24.6 0 0 1 4.964-1.24h.01q.481-.069.969-.118a3 3 0 0 1-.424-1.05a24.6 24.6 0 0 1-4.76-1.05a.75.75 0 0 1-.516-.75c.057-1.16.194-2.302.405-3.417a.75.75 0 0 1 1.474.28q-.247 1.293-.345 2.634c1.237.371 2.517.642 3.832.803q.13-.4.359-.742a19 19 0 0 1-.547-.08c-.664-.11-1.311-.612-1.417-1.404a4.5 4.5 0 0 1 .217-2.103a7 7 0 0 1-.788-.751a.75.75 0 0 1-.187-.583a5.2 5.2 0 0 1 .67-2.04a.75.75 0 0 1 1.026-.273" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsBugAntSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M8.478 1.6a.75.75 0 0 1 .273 1.026a3.7 3.7 0 0 0-.425 1.121q.087.087.18.168A4.5 4.5 0 0 1 12 2.25a4.49 4.49 0 0 1 3.497 1.668q.09-.081.178-.167a3.7 3.7 0 0 0-.426-1.125a.75.75 0 1 1 1.298-.752a5.2 5.2 0 0 1 .671 2.046a.75.75 0 0 1-.187.582q-.363.405-.787.749a4.5 4.5 0 0 1 .216 2.1c-.106.792-.753 1.295-1.417 1.403q-.273.045-.547.081q.229.342.359.742a23 23 0 0 0 3.832-.803a23 23 0 0 0-.345-2.634a.75.75 0 0 1 1.474-.28c.21 1.115.348 2.256.404 3.418a.75.75 0 0 1-.516.75a24.7 24.7 0 0 1-4.76 1.049c-.074.38-.22.735-.423 1.05c2.066.209 4.058.672 5.943 1.358a.75.75 0 0 1 .492.75a24.7 24.7 0 0 1-1.189 6.25a.75.75 0 0 1-1.425-.47a23 23 0 0 0 1.077-5.306q-.75-.253-1.524-.455q.103.352.104.746c0 3.956-2.521 7.5-6 7.5S6 18.956 6 15q.002-.393.104-.746q-.772.202-1.522.455c.154 1.838.52 3.616 1.077 5.307a.75.75 0 1 1-1.425.468a24.7 24.7 0 0 1-1.19-6.25a.75.75 0 0 1 .493-.749a24.6 24.6 0 0 1 4.964-1.24h.01q.481-.069.969-.118a3 3 0 0 1-.424-1.05a24.6 24.6 0 0 1-4.76-1.05a.75.75 0 0 1-.516-.75c.057-1.16.194-2.302.405-3.417a.75.75 0 0 1 1.474.28q-.247 1.293-.345 2.634c1.237.371 2.517.642 3.832.803q.13-.4.359-.742a19 19 0 0 1-.547-.08c-.664-.11-1.311-.612-1.417-1.404a4.5 4.5 0 0 1 .217-2.103a7 7 0 0 1-.788-.751a.75.75 0 0 1-.187-.583a5.2 5.2 0 0 1 .67-2.04a.75.75 0 0 1 1.026-.273" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.478 1.6a.75.75 0 0 1 .273 1.026a3.7 3.7 0 0 0-.425 1.121q.087.087.18.168A4.5 4.5 0 0 1 12 2.25a4.49 4.49 0 0 1 3.497 1.668q.09-.081.178-.167a3.7 3.7 0 0 0-.426-1.125a.75.75 0 1 1 1.298-.752a5.2 5.2 0 0 1 .671 2.046a.75.75 0 0 1-.187.582q-.363.405-.787.749a4.5 4.5 0 0 1 .216 2.1c-.106.792-.753 1.295-1.417 1.403q-.273.045-.547.081q.229.342.359.742a23 23 0 0 0 3.832-.803a23 23 0 0 0-.345-2.634a.75.75 0 0 1 1.474-.28c.21 1.115.348 2.256.404 3.418a.75.75 0 0 1-.516.75a24.7 24.7 0 0 1-4.76 1.049c-.074.38-.22.735-.423 1.05c2.066.209 4.058.672 5.943 1.358a.75.75 0 0 1 .492.75a24.7 24.7 0 0 1-1.189 6.25a.75.75 0 0 1-1.425-.47a23 23 0 0 0 1.077-5.306q-.75-.253-1.524-.455q.103.352.104.746c0 3.956-2.521 7.5-6 7.5S6 18.956 6 15q.002-.393.104-.746q-.772.202-1.522.455c.154 1.838.52 3.616 1.077 5.307a.75.75 0 1 1-1.425.468a24.7 24.7 0 0 1-1.19-6.25a.75.75 0 0 1 .493-.749a24.6 24.6 0 0 1 4.964-1.24h.01q.481-.069.969-.118a3 3 0 0 1-.424-1.05a24.6 24.6 0 0 1-4.76-1.05a.75.75 0 0 1-.516-.75c.057-1.16.194-2.302.405-3.417a.75.75 0 0 1 1.474.28q-.247 1.293-.345 2.634c1.237.371 2.517.642 3.832.803q.13-.4.359-.742a19 19 0 0 1-.547-.08c-.664-.11-1.311-.612-1.417-1.404a4.5 4.5 0 0 1 .217-2.103a7 7 0 0 1-.788-.751a.75.75 0 0 1-.187-.583a5.2 5.2 0 0 1 .67-2.04a.75.75 0 0 1 1.026-.273" clip-rule="evenodd"/></svg> </template>
CSS
.icon-bug-ant-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.478%201.6a.75.75%200%200%201%20.273%201.026a3.7%203.7%200%200%200-.425%201.121q.087.087.18.168A4.5%204.5%200%200%201%2012%202.25a4.49%204.49%200%200%201%203.497%201.668q.09-.081.178-.167a3.7%203.7%200%200%200-.426-1.125a.75.75%200%201%201%201.298-.752a5.2%205.2%200%200%201%20.671%202.046a.75.75%200%200%201-.187.582q-.363.405-.787.749a4.5%204.5%200%200%201%20.216%202.1c-.106.792-.753%201.295-1.417%201.403q-.273.045-.547.081q.229.342.359.742a23%2023%200%200%200%203.832-.803a23%2023%200%200%200-.345-2.634a.75.75%200%200%201%201.474-.28c.21%201.115.348%202.256.404%203.418a.75.75%200%200%201-.516.75a24.7%2024.7%200%200%201-4.76%201.049c-.074.38-.22.735-.423%201.05c2.066.209%204.058.672%205.943%201.358a.75.75%200%200%201%20.492.75a24.7%2024.7%200%200%201-1.189%206.25a.75.75%200%200%201-1.425-.47a23%2023%200%200%200%201.077-5.306q-.75-.253-1.524-.455q.103.352.104.746c0%203.956-2.521%207.5-6%207.5S6%2018.956%206%2015q.002-.393.104-.746q-.772.202-1.522.455c.154%201.838.52%203.616%201.077%205.307a.75.75%200%201%201-1.425.468a24.7%2024.7%200%200%201-1.19-6.25a.75.75%200%200%201%20.493-.749a24.6%2024.6%200%200%201%204.964-1.24h.01q.481-.069.969-.118a3%203%200%200%201-.424-1.05a24.6%2024.6%200%200%201-4.76-1.05a.75.75%200%200%201-.516-.75c.057-1.16.194-2.302.405-3.417a.75.75%200%200%201%201.474.28q-.247%201.293-.345%202.634c1.237.371%202.517.642%203.832.803q.13-.4.359-.742a19%2019%200%200%201-.547-.08c-.664-.11-1.311-.612-1.417-1.404a4.5%204.5%200%200%201%20.217-2.103a7%207%200%200%201-.788-.751a.75.75%200%200%201-.187-.583a5.2%205.2%200%200%201%20.67-2.04a.75.75%200%200%201%201.026-.273%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.478%201.6a.75.75%200%200%201%20.273%201.026a3.7%203.7%200%200%200-.425%201.121q.087.087.18.168A4.5%204.5%200%200%201%2012%202.25a4.49%204.49%200%200%201%203.497%201.668q.09-.081.178-.167a3.7%203.7%200%200%200-.426-1.125a.75.75%200%201%201%201.298-.752a5.2%205.2%200%200%201%20.671%202.046a.75.75%200%200%201-.187.582q-.363.405-.787.749a4.5%204.5%200%200%201%20.216%202.1c-.106.792-.753%201.295-1.417%201.403q-.273.045-.547.081q.229.342.359.742a23%2023%200%200%200%203.832-.803a23%2023%200%200%200-.345-2.634a.75.75%200%200%201%201.474-.28c.21%201.115.348%202.256.404%203.418a.75.75%200%200%201-.516.75a24.7%2024.7%200%200%201-4.76%201.049c-.074.38-.22.735-.423%201.05c2.066.209%204.058.672%205.943%201.358a.75.75%200%200%201%20.492.75a24.7%2024.7%200%200%201-1.189%206.25a.75.75%200%200%201-1.425-.47a23%2023%200%200%200%201.077-5.306q-.75-.253-1.524-.455q.103.352.104.746c0%203.956-2.521%207.5-6%207.5S6%2018.956%206%2015q.002-.393.104-.746q-.772.202-1.522.455c.154%201.838.52%203.616%201.077%205.307a.75.75%200%201%201-1.425.468a24.7%2024.7%200%200%201-1.19-6.25a.75.75%200%200%201%20.493-.749a24.6%2024.6%200%200%201%204.964-1.24h.01q.481-.069.969-.118a3%203%200%200%201-.424-1.05a24.6%2024.6%200%200%201-4.76-1.05a.75.75%200%200%201-.516-.75c.057-1.16.194-2.302.405-3.417a.75.75%200%200%201%201.474.28q-.247%201.293-.345%202.634c1.237.371%202.517.642%203.832.803q.13-.4.359-.742a19%2019%200%200%201-.547-.08c-.664-.11-1.311-.612-1.417-1.404a4.5%204.5%200%200%201%20.217-2.103a7%207%200%200%201-.788-.751a.75.75%200%200%201-.187-.583a5.2%205.2%200%200%201%20.67-2.04a.75.75%200%200%201%201.026-.273%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/bug-ant-solid.svg?color=%231a73e8&size=48
