Fairy icon
game-icons:fairy
The Fairy icon (game-icons:fairy) 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="M58.03 24.5C23.27 94.19 12.043 159.392 21.813 208.344c9.777 48.98 38.724 81.862 88.157 91.562a116 116 0 0 0 3.155 23.156c.002.01-.002.022 0 .032c-28.127 27.637-42.97 61.425-43.5 97.03c48.38 13.457 82.514 3.99 106.563-18.905a117 117 0 0 0 20.28 7.5a117 117 0 0 0 21.376 3.655c.156.957.32 1.9.5 2.844C225.29 452 247.24 480.26 292.53 491.81c17.09-29.536 21.327-63.994 10.94-107.906c5.174-4.5 9.967-9.482 14.31-14.875c22.468 14.3 43.262 19.52 62.158 17.595c19.33-1.97 37.185-11.402 53.218-28.28c31.266-32.916 54.233-94.763 59.906-176.876c-24.374-11.548-48.163-16.737-71-16.657c-24.58.086-48.055 6.17-70.03 16.593c-16.08 7.626-31.292 17.67-45.313 29.47c-13.61-12.85-30.473-22.608-49.783-27.782c-11.663-3.125-23.398-4.37-34.875-3.906c-6.836.276-13.57 1.18-20.156 2.625C178.323 111.115 129.416 47.12 58.03 24.5m23.94 66.688c18.666 0 33.593 14.926 33.593 33.593c0 18.672-14.926 33.595-33.594 33.595c-18.67 0-33.626-14.926-33.626-33.594c0-18.666 14.957-33.593 33.625-33.593zm-24.376 82.53c10.23 0 18.312 8.116 18.312 18.345s-8.083 18.312-18.312 18.312s-18.313-8.08-18.313-18.313c0-10.228 8.085-18.343 18.314-18.343zm156.156 24.876c-32.586 12.06-55.813 43.41-55.813 80.187c0 47.21 38.26 85.5 85.47 85.5c37.43 0 69.24-24.062 80.812-57.56a100 100 0 0 1-2.75 14.592c-14.055 52.448-67.71 83.43-120.158 69.375c-52.447-14.053-83.428-67.74-69.375-120.187c10.592-39.528 43.698-66.854 81.813-71.906zm215.938 16.47c18.667 0 33.593 14.956 33.593 33.624c0 18.67-14.924 33.593-33.592 33.593s-33.625-14.925-33.625-33.592a33.5 33.5 0 0 1 33.625-33.625zm-354.75 13.155c8.86 0 15.843 6.982 15.843 15.843c0 8.86-6.982 15.843-15.843 15.843c-8.86 0-15.843-6.98-15.843-15.844c0-8.86 6.983-15.843 15.843-15.843zm341.093 71.874c10.23 0 18.314 8.083 18.314 18.312c0 10.232-8.083 18.344-18.313 18.344c-10.228 0-18.31-8.115-18.31-18.344s8.082-18.312 18.31-18.312zm-41.31 37.156c8.86 0 15.874 6.983 15.874 15.844c0 8.863-7.014 15.844-15.875 15.844s-15.845-6.984-15.845-15.844s6.983-15.844 15.844-15.844zm-265.533 37.594c8.86 0 15.844 6.983 15.844 15.844s-6.98 15.843-15.843 15.843c-8.86 0-15.843-6.982-15.843-15.842s6.983-15.844 15.844-15.844zm163.532 52.03c8.86 0 15.874 6.984 15.874 15.845s-7.014 15.842-15.875 15.842s-15.845-6.983-15.845-15.843c0-8.862 6.983-15.845 15.844-15.845z"/></svg>How to use the Fairy icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:fairy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:fairy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:fairy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--fairy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:fairy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:fairy"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/fairy.svg" alt="Fairy icon" width="24" height="24">Related icons in Game Icons
Fairy icon in other icon sets
Fairy icon FAQ
Is the Fairy 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 Fairy icon in React?
Install @iconify/react and render <Icon icon="game-icons:fairy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fairy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/fairy.svg" alt="Fairy icon">, or paste the SVG code inline to style it with CSS.