ICONYZ
English
Twirly Flower icon from Game Icons

Twirly Flower icon

game-icons:twirly-flower

The Twirly Flower icon (game-icons:twirly-flower) 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
Tags
twirlyflower
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M176.53 19.47c-.53-.004-1.058.014-1.593.03c-.57.017-1.145.055-1.718.094c-15.293 1.038-31.656 9.986-45.282 31.75c-27.477 43.885-28.525 97.68-5.844 136.28c15.093 25.69 40.417 45.188 76.875 51.157a64.1 64.1 0 0 1 5.468-18.593c-11.405-12.327-18.01-26.242-20.25-41.062c-4.746-31.38 8.784-64.32 29.03-95.03c8.494-12.884 9.45-24.52 6.345-34.657c-3.106-10.14-10.73-18.925-20.813-24.25c-6.647-3.51-14.247-5.674-22.22-5.72zm198.064 29.75c-37.07.05-71.842 14.557-94.53 39.31c-21.288 23.225-32.635 55.356-25.377 94.876a65 65 0 0 1 8.344-.562c2.248 0 4.468.118 6.658.344c8.678-17.88 21.282-30.383 36.687-37.782c28.608-13.74 64.078-10.445 99.375-.094c14.806 4.343 26.218 1.85 35-4.093c8.782-5.944 14.928-15.83 17.063-27.032c4.268-22.407-6.07-49.4-45.75-60.032c-12.503-3.35-25.113-4.954-37.47-4.937zM261.688 77.812c-8.663 0-17.195.693-25.5 1.968c-1.764 4.902-4.185 9.803-7.344 14.595c-18.915 28.69-29.82 57.914-26.188 81.938c1.497 9.9 5.29 19.32 12.28 28.062a65.2 65.2 0 0 1 21.908-15.938c-8.33-44.56 3.543-83.07 27.72-110.593c-.962-.017-1.912-.03-2.877-.03zm89.25 77.312c-1.02-.006-2.027.01-3.032.03c-12.502.25-23.856 2.493-33.437 7.095c-10.745 5.16-19.894 13.197-26.658 25.563a65 65 0 0 1 19.188 12.375c23.372-13.382 47.298-19.12 70.094-18.407c13.43.422 26.462 3.095 38.75 7.72c1.19.448 2.356.924 3.53 1.406a165 165 0 0 0-11.312-25.875a72 72 0 0 1-7.562-1.78c-17.39-5.1-34.276-8.04-49.563-8.125zm-247.5 37.438a165.4 165.4 0 0 0-6.75 29.53a69.4 69.4 0 0 1 10.937 10.47c22.13 26.29 47.062 45.03 71.125 48.375c8.972 1.246 18.1.6 27.438-2.657a64.2 64.2 0 0 1-7.063-20.78c-43.162-6.468-74.965-29.445-93.156-60.406a127 127 0 0 1-2.532-4.53zm266.968 7.562c-.9.016-1.813.053-2.72.094c-15.917.71-32.434 5.25-48.998 14.436a64.3 64.3 0 0 1 7.468 18.97c15.995 2.598 29.416 9.17 40.156 19c23.413 21.425 33.575 55.573 37.125 92.186c1.49 15.36 8.058 25.004 16.844 30.938c8.788 5.934 20.25 7.946 31.44 5.75c22.38-4.39 43.58-24.057 38.655-64.844c-6.206-51.403-39.195-93.918-81.094-109.687c-12.274-4.62-25.35-7.09-38.874-6.845zM263.03 201.53c-25.51 0-46 20.49-46 46c0 25.513 20.49 46 46 46c25.513 0 45.97-20.487 45.97-46c0-25.51-20.457-46-45.97-46M61.907 228.657c-10.602.097-21.184 4.94-29.156 13.094c-15.944 16.31-22.248 44.514 4.938 75.313c34.262 38.815 85.546 55.12 129 44.343c27.786-6.89 52.807-24.442 69-55.312a65 65 0 0 1-18.094-12.656c-13.844 6.054-27.785 7.923-41.406 6.03c-31.435-4.367-59.187-26.733-82.875-54.874c-9.937-11.804-20.805-16.034-31.407-15.938M327.47 252.47c-.617 8.075-2.705 15.76-6.033 22.75c31.313 28.636 44.904 64.466 43.344 99.624c0 .03.003.062 0 .094a167.3 167.3 0 0 0 21.345-20.157a72 72 0 0 1-1.28-8.186c-3.318-34.205-13.235-63.786-31.158-80.188c-7.17-6.563-15.722-11.45-26.218-13.937m-16.408 38.25a65.2 65.2 0 0 1-16 12.936c2.4 15.863.274 30.532-5.687 43.688c-13.1 28.91-42.393 49.194-76.094 63.937c-14.135 6.186-21.242 15.4-24.155 25.595c-2.913 10.196-1.31 21.73 4.25 31.688c11.12 19.912 36.415 33.97 73.656 16.625c46.935-21.86 77.08-66.428 79.064-111.157c1.294-29.18-8.88-58.737-35.03-83.31zm-33.592 19.84a64.3 64.3 0 0 1-14.44 1.657c-3.22 0-6.37-.26-9.467-.72c-18.668 37.097-48.75 59.723-82.375 68.063c-1.625.402-3.27.786-4.907 1.125a166.2 166.2 0 0 0 31.814 17.437a72 72 0 0 1 7.72-3.97c31.48-13.772 56.533-32.368 66.56-54.5c3.994-8.81 5.965-18.406 5.095-29.092"/></svg>

How to use the Twirly Flower icon

React

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

<Icon icon="game-icons:twirly-flower" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:twirly-flower" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:twirly-flower" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--twirly-flower]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:twirly-flower"></div>

Web component

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

<iconify-icon icon="game-icons:twirly-flower"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/twirly-flower.svg" alt="Twirly Flower icon" width="24" height="24">

Twirly Flower icon FAQ

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

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

How do I add the Twirly Flower icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/twirly-flower.svg" alt="Twirly Flower icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →