Trefoil Lily icon

game-icons:trefoil-lily

The Trefoil Lily icon (game-icons:trefoil-lily) 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: trefoillily

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="M182.53 33.656c-30.402.31-60.104 25.67-57.655 56.844c.895 11.393 4.828 22.11 11.25 31.813c-11.477-10.676-22.322-21.627-32.063-32.75c-17.582-3.415-44.45-10.41-67.343-10.594c-5.284-.044-10.333.28-15.032 1.093c8.113 21.98 32.22 49.906 49.406 66.593c14.43 3.102 29.39 7.236 44.53 12.03c-11.786-.796-23.196 1.168-33.655 6.158c-36.125 17.236-37.668 75.304-2.657 96.97c-8.335-22.065-.02-42.745 21.03-55.095c18.118-10.63 35.77-12.13 56.25-5.314c.042.014.084.018.126.03c39.56 18.11 68.427 68.613 63.655 111.783c-4.417 20.81-14.545 35.165-32.625 45.436c-21.22 12.055-43.278 8.875-58.22-9.375c1.258 41.154 52.324 68.886 85.314 46.22c9.407-6.464 16.747-15.2 21.937-25.594c-3.503 15.264-7.585 30.112-12.343 44.094c7.18 20.842 16.69 56.55 32.97 76.094c14.978-18.017 27.11-52.866 32.968-76.094c-4.53-14.05-8.427-29.083-11.844-44.594c5.205 10.612 12.602 19.528 22.158 26.094c32.99 22.666 84.055-5.066 85.312-46.22c-14.94 18.25-37.03 21.43-58.25 9.376c-18.163-10.318-28.28-24.754-32.656-45.72c-4.602-42.977 24.02-93.105 63.312-111.31c20.756-7.057 38.606-5.644 56.906 5.093c21.05 12.35 29.335 33.03 21 55.093c35.01-21.665 33.468-79.733-2.656-96.97c-10.46-4.99-21.87-6.953-33.656-6.155c15.138-4.798 30.1-8.93 44.53-12.032c17.188-16.687 41.325-44.614 49.44-66.594c-25.065-4.326-60.737 5.298-82.376 9.5c-9.743 11.126-20.575 22.073-32.063 32.75c6.42-9.7 10.325-20.42 11.22-31.812c3.134-39.903-46.42-70.27-82.688-50.78c23.276 3.812 37.048 21.343 37.22 45.75c.14 20.18-6.826 35.777-21.688 49.686l-.063-.094c-35.54 26.866-95.927 26.86-131.467 0l-.063.094c-14.85-13.905-21.797-29.515-21.656-49.687c.17-24.407 13.943-41.938 37.22-45.75c-7.935-4.264-16.52-6.15-25.033-6.064zm159.626 120.906c-3.087 2.5-6.178 4.986-9.28 7.438l-74.97 41.688l-76.937-43.094c-2.473-1.963-4.916-3.976-7.376-5.97c15.658 8.235 34.41 14.076 55.22 16.814c18.92 4.05 38.854 4.058 57.78.03c20.955-2.73 39.822-8.607 55.562-16.905zM162 175.032c7.344 2.814 14.655 5.7 21.875 8.624l64.438 36.094v86.53a990 990 0 0 1-2.282 15c-.62-15.827-4.128-32.85-10.624-50.155l-.03-.094c-6.063-22.786-18.308-44.236-34.845-61.06c-11.844-14.57-24.957-26.348-38.53-34.94zm191.625 0c-13.267 8.397-26.085 19.85-37.72 33.968c-.027.034-.064.06-.092.094c-17.162 17.136-29.812 39.22-35.907 62.687c-6.318 17.008-9.77 33.708-10.406 49.283a1207 1207 0 0 1-2.5-16.438V220.03l67.03-37.28c6.48-2.61 13.022-5.2 19.595-7.72z"/></svg>

How to use the Trefoil Lily icon

React

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

<Icon icon="game-icons:trefoil-lily" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:trefoil-lily" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:trefoil-lily" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:trefoil-lily"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/trefoil-lily.svg" alt="Trefoil Lily icon" width="24" height="24">

Related icons in Game Icons

Trefoil Lily icon FAQ

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

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

How do I add the Trefoil Lily icon to a web page?

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

Browse all Game Icons →