Ladybeetle icon

fxemoji:ladybeetle

The Ladybeetle icon (fxemoji:ladybeetle) 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="#2C3C47" d="M489.807 302.675h-58.664c.285-4.293.441-8.624.441-12.993c0-24.538-4.587-47.952-12.892-69.369c16.763-20.689 26.823-47.02 26.823-75.661c0-8.943-7.25-16.193-16.193-16.193s-16.193 7.25-16.193 16.193c0 15.499-4.033 30.072-11.097 42.733c-19.388-30.413-47.173-54.449-79.888-68.488a70.3 70.3 0 0 0 3.555-22.088c0-29.727-18.437-55.135-44.487-65.46l5.963-19.167c1.106-3.551-.538-7.474-3.992-9.118a7.603 7.603 0 0 0-10.127 3.6l-9.609 20.223a71 71 0 0 0-8.145-.484c-2.76 0-5.478.176-8.155.485l-9.608-20.224c-1.595-3.366-5.46-5.136-9.119-3.992a7.586 7.586 0 0 0-5 9.511l5.963 19.167c-26.053 10.326-44.488 35.732-44.488 65.459a70.3 70.3 0 0 0 3.572 22.136c-31.569 13.574-58.539 36.463-77.794 65.405c-6.057-11.933-9.475-25.421-9.475-39.693c0-8.943-7.25-16.193-16.193-16.193s-16.193 7.25-16.193 16.193c0 27.249 9.106 52.408 24.427 72.607c-9.072 22.235-14.099 46.711-14.099 72.418c0 3.664.114 7.299.315 10.91h-57.26C13.25 300.592 6 307.841 6 316.784s7.25 16.193 16.193 16.193h51.835c5.361 23.339 24.951 44.952 37.886 63.895C84.249 418.948 66.487 452.937 66.487 491c0 8.943 7.25 16.193 16.193 16.193s16.193-7.25 16.193-16.193c0-27.997 13.143-52.981 33.583-69.109c31.747 32.36 75.099 52.301 122.905 52.301c38.744 0 74.56-13.102 103.649-35.291a42.07 42.07 0 0 0 26.513-9.566c15.626 15.891 25.282 37.669 25.282 61.663c0 8.943 7.25 16.193 16.193 16.193s16.193-7.25 16.193-16.193c0-36.606-16.428-69.443-42.293-91.541c.061-.93.103-1.864.103-2.809c0-.978-.045-1.945-.111-2.906c11.507-17.608 20.176-37.408 25.315-58.682h63.601c8.943 0 16.193-7.25 16.193-16.193s-7.249-16.192-16.192-16.192"/><path fill="#EF4B44" d="M289.575 127.608c-14.412-2.035-27.239 9.324-27.239 23.873v334.08c0 14.55 12.827 25.909 27.239 23.874c93.595-13.229 165.587-93.664 165.587-190.908c0-97.255-71.992-177.69-165.587-190.919m55.556 49.375c23.746 0 43.001 19.255 43.001 43s-19.255 43.002-43.001 43.002s-43.001-19.255-43.001-43.002c0-23.745 19.255-43 43.001-43m-52.879 132.381c0-10.38 8.414-18.805 18.795-18.805c10.391 0 18.805 8.425 18.805 18.805c0 10.381-8.414 18.806-18.805 18.806c-10.381 0-18.795-8.425-18.795-18.806m66.492 129.543c-23.335 0-42.248-18.923-42.248-42.259c0-23.334 18.913-42.258 42.248-42.258s42.258 18.923 42.258 42.258s-18.923 42.259-42.258 42.259M222.425 127.61C128.83 140.839 56.838 221.274 56.838 318.518c0 97.255 71.992 177.69 165.587 190.919c14.412 2.035 27.239-9.324 27.239-23.874V151.484c0-14.559-12.827-25.909-27.239-23.874m-91.334 242.978c-29.715 0-53.793-24.088-53.793-53.803s24.079-53.802 53.793-53.802s53.803 24.088 53.803 53.802c0 29.715-24.088 53.803-53.803 53.803m58.099 87.121c-10.381 0-18.795-8.425-18.795-18.806s8.414-18.805 18.795-18.805c10.391 0 18.805 8.425 18.805 18.805c.001 10.381-8.414 18.806-18.805 18.806m-2.313-231.429c-16.31 0-29.529-13.218-29.529-29.529c0-16.31 13.218-29.528 29.529-29.528c16.31 0 29.529 13.218 29.529 29.528c0 16.311-13.219 29.529-29.529 29.529"/><path fill="#E7ECEF" d="M315.22 89.979c-8.64 0-15.645-7.006-15.645-15.635v-.058h-.068V52.299h.196a15.7 15.7 0 0 1 3.205-8.228c11.981 10.597 20.33 25.202 22.928 41.725c-2.791 2.587-6.514 4.183-10.616 4.183m-130.452-4.235c2.797 2.618 6.546 4.234 10.68 4.234c8.63 0 15.635-7.006 15.635-15.635c0-.019-.039-.03-.039-.058h.039V52.299h-.156a15.7 15.7 0 0 0-3.218-8.252c-11.981 10.588-20.333 25.184-22.941 41.697"/></svg>

How to use the Ladybeetle icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:ladybeetle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:ladybeetle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:ladybeetle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ladybeetle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ladybeetle"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:ladybeetle"></iconify-icon>

HTML image

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

Ladybeetle icon FAQ

Is the Ladybeetle 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 Ladybeetle icon in React?

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

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

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

Browse all Firefox OS Emoji icons →