Иконка Bug Ant Solid

heroicons:bug-ant-solid

Иконка Bug Ant Solid (heroicons:bug-ant-solid) — бесплатная SVG-иконка из набора HeroIcons от Refactoring UI Inc. Она нарисована на сетке 24 × 24. HeroIcons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: HeroIcons
Автор: Refactoring UI Inc
Лицензия: MIT
Размер: 24 × 24
Теги: bugant, antsolid, bugantsolid

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/heroicons/bug-ant-solid.svg" alt="Иконка Bug Ant Solid" width="24" height="24">

Вопросы и ответы: Иконка Bug Ant Solid

Можно ли бесплатно использовать иконку Bug Ant Solid в коммерческих проектах?

Да. HeroIcons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Bug Ant Solid в React?

Установите @iconify/react и выведите <Icon icon="heroicons:bug-ant-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Bug Ant Solid на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/heroicons/bug-ant-solid.svg" alt="Иконка Bug Ant Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все HeroIcons →