Bug icon

fxemoji:bug

The Bug icon (fxemoji:bug) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

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

How to use the Bug icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/bug.svg" alt="Bug icon" width="24" height="24">

Bug icon in other icon sets

Bug icon FAQ

Is the Bug icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Bug icon in React?

Install @iconify/react and render <Icon icon="fxemoji:bug" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bug icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/bug.svg" alt="Bug icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →