Ladybug icon
game-icons:ladybug
The Ladybug icon (game-icons:ladybug) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m327.2 20.15l17.6 3.7c-2.4 11.35-7.4 23.1-14.6 34.5a96 72.02 0 0 0-15.1-11.07c6.1-9.48 10.4-18.82 12.1-27.13m-142.4 0c1.7 8.33 6 17.68 12.1 27.19a96 72.02 0 0 0-15.1 11.02c-7.2-11.4-12.2-23.16-14.6-34.51zM256 55c19 0 36.2 9 49 17.51s21.4 17.13 21.4 17.13l-12.8 12.76s-7.4-7.42-18.6-14.91S269 73 256 73s-27.8 7-39 14.49s-18.6 14.91-18.6 14.91l-12.8-12.76s8.6-8.62 21.4-17.13S237 55 256 55m217 40.83c.5 24.17-12.2 43.17-28.9 57.07c-4.5 3.7-9.3 7.1-14.2 10.2c-2.9-5.3-5.9-10.5-9.2-15.5c4.2-2.7 8.2-5.6 11.9-8.6c14.1-11.7 22.8-24.9 22.4-42.83zm-433.97 0l18 .34c-.3 17.93 8.3 31.13 22.5 42.83c3.6 3 7.6 5.9 11.8 8.6c-3.2 5-6.3 10.2-9.2 15.5q-7.35-4.65-14.1-10.2c-16.8-13.9-29.5-32.9-29-57.07m312.87 6.67C404.1 137.4 439 200.1 439 272c0 47.5-15.2 90.9-40.5 125a40 40 0 0 0-38.5-29a40 40 0 0 0-40 40a40 40 0 0 0 25.9 37.4c-11.1 6.8-22.9 12.4-35.3 16.6c-23.4-29.3-35.8-68.3-45.6-106V175.7a96 72.02 0 0 0 87-71.7a96 72.02 0 0 0-.1-1.5m-191.8 0a96 72.02 0 0 0-.1 1.5a96 72.02 0 0 0 87 71.6V356c-9.8 37.7-22.2 76.7-45.6 106c-12.4-4.2-24.2-9.8-35.3-16.6A40 40 0 0 0 192 408a40 40 0 0 0-40-40a40 40 0 0 0-38.4 29.1C88.23 363 73.03 319.5 73.03 272c0-71.9 34.87-134.6 87.07-169.5M320 180a16 16 0 0 0-16 16a16 16 0 0 0 16 16a16 16 0 0 0 16-16a16 16 0 0 0-16-16m-128 0a16 16 0 0 0-16 16a16 16 0 0 0 16 16a16 16 0 0 0 16-16a16 16 0 0 0-16-16m200 28a24 24 0 0 0-24 24a24 24 0 0 0 24 24a24 24 0 0 0 24-24a24 24 0 0 0-24-24m-272 0a24 24 0 0 0-23.97 24A24 24 0 0 0 120 256a24 24 0 0 0 24-24a24 24 0 0 0-24-24m365.6 39.3l4.9 17.4l-33.5 9.6V272c0-5.5-.2-11-.5-16.4zm-459.07 0l29.1 8.3c-.4 5.4-.6 10.9-.6 16.4v2.3l-33.5-9.6zM312 272a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32m-112 0a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32m216.4 130.8c.6.7 1.1 1.4 1.7 2.1c16.5 19.1 35.8 31.6 62.8 34.1l-1.7 18c-31.5-3.1-55.5-18.4-74.1-39.6c4-4.7 7.7-9.6 11.3-14.6m-320.67 0c3.5 5 7.17 9.9 11.17 14.6c-18.57 21.2-42.57 36.5-73.97 39.6l-1.8-18c27-2.5 46.3-15 62.8-34.1z"/></svg>How to use the Ladybug icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:ladybug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:ladybug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:ladybug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ladybug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ladybug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:ladybug"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/ladybug.svg" alt="Ladybug icon" width="24" height="24">Ladybug icon in other icon sets
Ladybug icon FAQ
Is the Ladybug icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Ladybug icon in React?
Install @iconify/react and render <Icon icon="game-icons:ladybug" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ladybug icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/ladybug.svg" alt="Ladybug icon">, or paste the SVG code inline to style it with CSS.