Ikon Bug
fxemoji:bug
Ikon Bug (fxemoji:bug) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Alam
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#51BA7B" d="M487.819 258.669H439.1c-10.041 0-18.181-8.14-18.181-18.181s8.14-18.181 18.181-18.181h48.719c10.041 0 18.181 8.14 18.181 18.181s-8.14 18.181-18.181 18.181"/><path fill="#BADEBE" d="M415.747 69.674s-.387.603-1.059 1.667a8 8 0 0 1-.638.799a59 59 0 0 0-1.057 1.933c-.357.806-.812 1.618-1.199 2.599a56 56 0 0 0-1.233 3.083c-.433 1.086-.783 2.248-1.19 3.426c-.364 1.183-.742 2.395-1.064 3.614c-.316 1.219-.645 2.445-.884 3.643c-.286 1.219-.475 2.381-.679 3.523c-.188 1.142-.308 2.214-.434 3.243c-.041.505-.077.988-.118 1.457c-.043.483-.07.939-.063 1.338c-.007.812-.063 1.646 0 2.221c.014.315.034.609.048.882q.002.21.015.399c.014.105.027.209.041.301c.113.777.161 1.26.161 1.26l.19 2.025a7.085 7.085 0 0 1-6.396 7.712c-2.829.267-5.421-1.177-6.774-3.467c0 0-.489-.826-1.308-2.353q-.148-.285-.316-.603c-.084-.203-.181-.413-.274-.63q-.29-.672-.616-1.45c-.484-1.058-.806-2.164-1.233-3.432a23 23 0 0 1-.561-1.933q-.26-.996-.532-2.066c-.301-1.387-.622-2.879-.876-4.393c-.231-1.506-.491-3.089-.638-4.659c-.195-1.583-.308-3.18-.419-4.784c-.106-1.604-.147-3.201-.19-4.791c0-1.576-.027-3.145.043-4.665c.034-1.513.125-2.998.238-4.42c.077-1.408.28-2.802.414-4.063c.188-1.31.371-2.48.588-3.622c.301-1.31.622-2.529.853-3.411c.31-1.212.477-1.913.477-1.913c1.968-7.887 9.967-12.692 17.856-10.724c7.894 1.975 12.691 9.968 10.725 17.862a14.7 14.7 0 0 1-1.815 4.266zm-56.35 17.01a14.9 14.9 0 0 0 1.036-4.518c.559-8.111-5.562-15.145-13.681-15.705s-15.151 5.562-15.711 13.681c0 0-.05.715-.133 1.976a70 70 0 0 0-.258 4.133c.014.665.055 1.233.091 1.912c.048.638.063 1.366.154 2.025c.174 1.331.308 2.823.595 4.245l.407 2.221c.168.729.335 1.478.511 2.234c.322 1.527.783 3.033 1.19 4.575c.477 1.526.91 3.068 1.457 4.574a89 89 0 0 0 1.654 4.483c.552 1.464 1.211 2.893 1.806 4.259a122 122 0 0 0 1.905 3.936c.694 1.254 1.255 2.41 1.948 3.496c.665 1.086 1.226 2.052 1.864 2.936c.622.882 1.079 1.611 1.618 2.248l1.59 1.941c1.849 2.255 4.973 3.243 7.887 2.234c3.74-1.289 5.715-5.373 4.426-9.107l-.469-1.338s-.168-.497-.469-1.366c-.162-.386-.303-1.051-.498-1.688c-.204-.631-.357-1.478-.554-2.347c-.217-.833-.344-1.891-.532-2.906a94 94 0 0 1-.428-3.362c-.097-1.198-.231-2.396-.274-3.664a62 62 0 0 1-.118-3.797c-.029-1.268.041-2.543.063-3.775c.091-1.219.111-2.438.251-3.566c.063-.56.12-1.121.174-1.661c.077-.518.162-1.03.233-1.526c.132-1.016.371-1.829.525-2.627c.077-.407.21-.693.301-1.016c.097-.294.181-.645.267-.841c.188-.127.258-.147.342-.294l.751-1.829z"/><path fill="#8ACCA0" d="M456.112 143.24c-11.449-34.634-48.8-53.434-83.441-41.983c-34.634 11.449-53.431 48.807-41.982 83.442c17.717 53.598 16.873 94.849-2.59 126.04c-1.716 2.393-3.661 5.076-4.907 6.585a66 66 0 0 0-7.289 6.104a67 67 0 0 0-3.758 2.035l-2.851 1.674c-.113.077-.154.112-.246.189c-.041.035-.077.07-.125.112c-.022.021-.029.035-.07.07l-.233.127c-.301.182-.629.371-.973.575q-.546.303-1.156.637a56 56 0 0 1-6.494 2.956c-2.711 1.044-6.03 2.109-10.03 3.04a104 104 0 0 1-13.996 2.179c-5.317.483-11.27.672-17.694.476a203 203 0 0 1-4.912-.224q-2.397-.156-4.826-.322c-4.134-.393-8.308-.784-12.517-1.191c-1.907-.168-3.875-.42-5.821-.623c-1.962-.217-3.776-.469-5.681-.693c-1.828-.259-3.656-.504-5.437-.777c-1.765-.287-3.537-.553-5.288-.882c-1.738-.294-3.538-.673-5.331-1.023l-2.774-.603c-.925-.203-1.864-.406-2.865-.652l-2.943-.693l-3.095-.77c-2.136-.539-4.26-1.078-6.382-1.618c-8.713-2.241-17.861-4.617-26.604-6.732l-1.64-.398l-.202-.05l-.099-.028c-1.233-.357-.398-.104-.699-.189l-.4-.07l-.792-.147a366 366 0 0 1-3.152-.56c-2.634-.476-5.24-.953-7.824-1.415a45 45 0 0 0-1.955-.322c-.631-.097-1.26-.196-1.891-.287c-1.254-.189-2.5-.371-3.74-.56c-2.516-.316-4.966-.658-7.439-.924c-9.863-1.1-19.447-1.646-28.545-1.619c-9.107.05-17.682.61-25.54 1.661c-7.839 1.023-14.949 2.522-21.051 4.175a137 137 0 0 0-8.419 2.578a129 129 0 0 0-6.851 2.592c-2.032.847-3.79 1.646-5.204 2.326l-2.039 1.001c-.982.505-1.479.757-1.479.757c-26.17 13.548-36.403 45.75-22.857 71.92c13.555 26.178 45.756 36.405 71.927 22.857l-1.45.735q-.451.21-1.324.63q-.517.233-1.507.693c-.251.133-.342.203-.21.21c.169.015.504-.014 1.072-.063c1.163-.091 3.138-.259 5.955-.231c2.774 0 6.41.231 10.661.757c4.272.54 9.225 1.457 14.668 2.767c1.358.321 2.767.721 4.175 1.071c.715.203 1.437.413 2.165.617l1.086.308c.378.105.735.203 1.023.302c1.394.441 2.808.882 4.231 1.331c1.765.575 3.544 1.149 5.337 1.731c7.824 2.472 15.711 5.092 24.357 7.978c2.227.743 4.462 1.478 6.709 2.221l3.496 1.142l3.692 1.17l1.864.589l1.946.588l3.923 1.177c2.704.77 5.387 1.555 8.175 2.269c2.76.75 5.527 1.415 8.294 2.087c2.745.658 5.464 1.248 8.168 1.843c2.634.54 5.344 1.121 7.901 1.604c2.584.476 5.107.981 7.704 1.429q3.815.66 7.586 1.31c2.208.364 4.407.722 6.6 1.086c1.443.217 2.885.427 4.315.644c1.366.182 2.724.371 4.077.553c2.711.351 5.428.666 8.139.946c10.851 1.128 21.682 1.647 32.23 1.513a239 239 0 0 0 30.479-2.291c9.666-1.366 18.689-3.313 26.716-5.548a191 191 0 0 0 20.791-7.061q2.143-.894 4.055-1.695c1.269-.568 2.459-1.093 3.566-1.59l.812-.364l.912-.434c.602-.295 1.177-.568 1.731-.834c1.086-.54 2.073-1.023 2.955-1.464c1.919-.981 2.943-1.5 2.943-1.5l1.975-1.008a66.3 66.3 0 0 0 15.966-11.503a67 67 0 0 0 6.185-3.588c18.693-12.238 30.142-28.256 38.55-40.018l.926-1.294l.862-1.338c23.738-36.839 36.169-79.029 36.947-125.397c.602-35.782-5.867-74.417-19.227-114.833"/><path fill="#FFF" d="m379.069 155.928l4.301 16.062h-.021c.007.028.027.028.034.042c1.688 6.311-2.059 12.798-8.363 14.486c-6.312 1.688-12.799-2.059-14.487-8.364c-.007-.014-.007-.021-.014-.049l-.05.014l-4.301-16.062l.14-.035c-1.057-5.989 2.55-11.887 8.532-13.492c5.969-1.597 12.048 1.709 14.116 7.425zm48.159-20.587c-2.697-5.45-9.107-8.048-14.858-5.792c-5.765 2.263-8.693 8.532-6.971 14.367l-.132.049l6.08 15.481l.05-.021c.007.021.007.027.014.042c2.387 6.08 9.254 9.071 15.334 6.683c6.08-2.381 9.071-9.254 6.682-15.334c0-.008-.027-.008-.034-.028l.021-.015l-6.08-15.474z"/><path fill="#51BA7B" d="m386.722 311.106l40.557 17.233c9.247 3.93 13.555 14.612 9.632 23.859c-3.93 9.253-14.619 13.561-23.866 9.632a21 21 0 0 1-1.24-.581l-39.143-20.223c-8.118-4.196-11.292-14.171-7.104-22.29c3.994-7.728 13.284-10.95 21.164-7.63"/><path fill="#74C48D" d="M394.574 405.513c-12.623 0-25.31-3.56-36.185-10.523a5.688 5.688 0 0 1 6.134-9.581c15.343 9.826 35.001 11.501 51.304 4.37a5.69 5.69 0 0 1 4.558 10.424c-8.137 3.557-16.959 5.31-25.811 5.31m-52.133 40.603a5.69 5.69 0 0 0-5.396-5.966c-14.406-.721-28.217-7.446-37.895-18.452a5.689 5.689 0 0 0-8.542 7.513c11.694 13.299 28.412 21.428 45.868 22.301a5.686 5.686 0 0 0 5.965-5.396m81.464-133.345c15.644-.293 30.09-5.857 41.777-16.091a5.688 5.688 0 0 0-7.496-8.558c-9.641 8.443-21.568 13.033-34.493 13.275a5.69 5.69 0 0 0-5.581 5.794a5.687 5.687 0 0 0 5.684 5.581z"/></svg>Cara memakai ikon Bug
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bug"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/bug.svg" alt="Ikon Bug" width="24" height="24">Ikon Bug di set ikon lain
FAQ Ikon Bug
Apakah ikon Bug gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bug di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:bug" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bug ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/bug.svg" alt="Ikon Bug">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.