Ícone Bug Ant Solid
heroicons:bug-ant-solid
O ícone Bug Ant Solid (heroicons:bug-ant-solid) é um ícone SVG gratuito da coleção HeroIcons de Refactoring UI Inc. Ele é desenhado em uma grade de 24 × 24. HeroIcons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- HeroIcons
- Autor
- Refactoring UI Inc
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- bugant, antsolid, bugantsolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>Como usar o ícone Bug Ant Solid
React
import { Icon } from "@iconify/react";
<Icon icon="heroicons:bug-ant-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="heroicons:bug-ant-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="heroicons:bug-ant-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[heroicons--bug-ant-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/heroicons -->
<div class="i-heroicons:bug-ant-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="heroicons:bug-ant-solid"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/heroicons/bug-ant-solid.svg" alt="Ícone Bug Ant Solid" width="24" height="24">Ícones relacionados em HeroIcons
Perguntas frequentes sobre Ícone Bug Ant Solid
O ícone Bug Ant Solid é grátis para uso comercial?
Sim. HeroIcons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bug Ant Solid no React?
Instale @iconify/react e renderize <Icon icon="heroicons:bug-ant-solid" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bug Ant Solid a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/heroicons/bug-ant-solid.svg" alt="Ícone Bug Ant Solid">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.