Ikon Bug Ant
heroicons:bug-ant
Ikon Bug Ant (heroicons:bug-ant) adalah ikon SVG gratis dari set HeroIcons karya Refactoring UI Inc. Ikon ini digambar pada grid 24 × 24. HeroIcons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- HeroIcons
- Pembuat
- Refactoring UI Inc
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- bugant
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 12.75q1.724 0 3.383.237c1.037.146 1.866.966 1.866 2.013c0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24 24 0 0 1 12 12.75m0 0c2.883 0 5.647.508 8.208 1.44a24 24 0 0 1-1.153 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44c.125 2.105.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25q1.494-.001 2.922-.236c.403-.066.74-.358.795-.762a3.8 3.8 0 0 0-.399-2.25M12 8.25q-1.493-.001-2.922-.236c-.402-.066-.74-.358-.795-.762a3.73 3.73 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6 6 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747M8.683 5a3.75 3.75 0 0 1 6.635 0m0 0c.427-.283.815-.62 1.155-.999a4.5 4.5 0 0 0-.575-1.752M4.921 6a24 24 0 0 0-.392 3.314a24 24 0 0 0 5.223 1.082M19.08 6q.308 1.622.392 3.314a24 24 0 0 1-5.223 1.082"/></svg>Cara memakai ikon Bug Ant
React
import { Icon } from "@iconify/react";
<Icon icon="heroicons:bug-ant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="heroicons:bug-ant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="heroicons:bug-ant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[heroicons--bug-ant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/heroicons -->
<div class="i-heroicons:bug-ant"></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"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/heroicons/bug-ant.svg" alt="Ikon Bug Ant" width="24" height="24">Ikon terkait di HeroIcons
FAQ Ikon Bug Ant
Apakah ikon Bug Ant gratis untuk penggunaan komersial?
Ya. HeroIcons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bug Ant di React?
Pasang @iconify/react lalu render <Icon icon="heroicons:bug-ant" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bug Ant ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/heroicons/bug-ant.svg" alt="Ikon Bug Ant">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.