Vine Flower icon

game-icons:vine-flower

The Vine Flower icon (game-icons:vine-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: vineflower

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="M398.97 17.5c-52.865.834-133.31 51.93-97.126 156.438c12.087-2.36 24.568-1.758 36.312 1.656c-34.77-102.722 41.56-138.717 81.5-130.406c40.7 8.47 58.178 60.677 37.344 80.78c-19.036 18.37-45.295 24.767-61.844 7.75c-25.923-26.653-.047-63.278 37.97-58.968c-45.166-23.858-83.427 26.427-59.22 61.406c24.985 36.103 82.66 40.462 109.063-5C514.27 77.258 461.215 18.47 401.56 17.5a80 80 0 0 0-2.593 0zm-170.814 1.688c13.627 38.648-4.29 53.002-19.72 72.124c-9.066-27.893-32.84-41.827-55.53-41.593c-24.57.252-47.854 17.088-49.75 50.78C127.812 50.362 191.84 60.614 191 130.625h.03c-.396 4.326-.44 9.015-.03 14.125a75.3 75.3 0 0 1 23.563-7.563c3.93-.574 7.85-.852 11.718-.812a75 75 0 0 1 9.22.688c7.406-38.218 61.06-55.133 37.188-117.875zM87.47 21C-3.384 49.15 3.057 151.056 67.5 194.53c-35.316 19.842-53.083 74.65-16.25 121.126c-17.08-51.437 7.57-97.026 45.813-97.906c14.594-13.436 34.042-20.828 54.062-20.313a77.2 77.2 0 0 1 6.156-18.03C49.75 184.102 4.483 81.236 87.47 21m136.436 134.094c-2.206.052-4.442.24-6.656.562c-27.155 3.99-46.7 26.346-48.906 52.563l-.844 9.905l-9.844-1.47c-25.973-3.884-52.237 10.298-62.375 35.845s-.758 53.864 20.814 68.844L124.25 327l-6.125 7.78c-16.145 20.615-17.167 49.867-.22 71.283c16.942 21.405 46.04 27.407 69.782 16.312l9.032-4.22l3.624 9.314c9.552 24.486 35.226 40.13 62.5 36.124c27.02-3.97 46.337-25.99 48.72-52.063l.905-9.842l9.78 1.437c25.973 3.886 52.237-10.264 62.375-35.813c10.138-25.548.728-53.86-20.844-68.843l-8.186-5.69l6.187-7.81c16.37-20.597 17.44-50.26.408-71.783c-17.045-21.537-46.525-27.808-70.25-16.562l-9 4.28l-3.688-9.25c-5.487-13.768-15.547-24.593-28.344-30.75a58.9 58.9 0 0 0-24.812-5.81c-.73-.01-1.452-.02-2.188 0m200.156 44.5c58.73 26.456 58.318 99.107-11.25 113.062a88 88 0 0 0-12.812.813a76.7 76.7 0 0 1 7.313 30.467c56.123 3.103 80.57 64.37 42.75 116.907c60.76-39.278 48.297-109.04 3.5-136.563c58.818-28.563 48.388-120.77-29.5-124.686zM234.47 208.03l5.905 40.25c4.48.024 9.01.524 13.5 1.564l5.094-12.78l17.374 6.874l-5.094 12.843c3.91 2.305 7.46 5.012 10.688 8.033l31.937-25.282l11.594 14.657L293.5 279.5a62.4 62.4 0 0 1 5.344 12.406l13.812-2.03l2.72 18.468l-13.845 2.03a61 61 0 0 1-1.56 13.313l37.936 15.032L331 356.093l-37.938-15.063a60.7 60.7 0 0 1-8 10.72l8.72 11.03l-14.657 11.595l-8.75-11.063a62.2 62.2 0 0 1-12.313 5.344L264 409.094l-18.47 2.72l-5.936-40.408a60.8 60.8 0 0 1-13.25-1.5l-5.156 13L203.813 376l5.125-12.938A60.8 60.8 0 0 1 198.094 355l-31.97 25.313l-11.593-14.657l31.97-25.312a62.4 62.4 0 0 1-5.344-12.25l-13.656 2l-2.72-18.5l13.595-2c.01-4.48.506-8.985 1.53-13.47l-37.78-15L149 263.75l37.78 15a61 61 0 0 1 8.095-10.844l-8.5-10.75l14.656-11.594l8.532 10.782A62.6 62.6 0 0 1 221.907 251L216 210.75zm4.5 58.876c-16.726.345-32.32 10.495-38.907 27.094a42.78 42.78 0 0 0 24.062 55.72a42.78 42.78 0 0 0 55.72-24.064a42.78 42.78 0 0 0-24.064-55.72a43.1 43.1 0 0 0-16.81-3.03zM50.405 387.78c-42.488 13.302-43.09 84.813 10.25 98.345c48.784 12.374 80.822-10.665 95.188-39.97c-10.023-.934-19.82-3.876-28.813-8.655c-10.313 19.2-29.745 33.275-60.5 24.063C32.05 451.23 25.348 407.9 50.407 387.78zm340.844 5.158c-8.206 10.524-18.95 18.563-30.97 23.562c20.846 17.897 28.375 43.38 18.564 77.97h36.906c11.214-40.23-.81-76.986-24.5-101.533z"/></svg>

How to use the Vine Flower icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:vine-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:vine-flower"></iconify-icon>

HTML image

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

Related icons in Game Icons

Vine Flower icon FAQ

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

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

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

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

Browse all Game Icons →