Lotus icon

game-icons:lotus

The Lotus icon (game-icons:lotus) 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

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="M254.963 40.213c-37.634 31.356-62.038 67.976-77.916 109.394c8.544 12.5 16.607 25.44 24.228 38.594c15.642-5.553 32.468-8.587 49.995-8.587c17.886 0 35.046 3.156 50.96 8.93c9.07-14.52 18.652-28.856 28.89-42.66c-15.736-38.504-39.406-74.025-76.157-105.67zM434.593 72.5c-46.74 28.5-83.334 74.49-114.616 123.826c21.934 11.372 40.696 28.023 54.636 48.244c23.212-22.514 48.206-44.643 75.58-66.82c-.882-31.955-5.798-67.033-15.6-105.25m-353.03 1.094c-9.435 37.96-14.433 72.695-15.74 104.27c23.62 20.078 45.453 40.406 65.78 61.603c13.77-18.29 31.614-33.345 52.194-43.774c-28.336-48.245-62.472-92.77-102.234-122.1zm-54.59 96.7C9.708 278.34 31.295 358.165 72.27 411.517c22.427 29.2 50.77 50.62 82.128 64.363c-20.892-35.934-25.973-76.777-16.613-116.112c4.668-19.617 12.848-38.864 24.274-57.09c-38.14-48.11-82.083-90.01-135.087-132.383zm462.588.464c-59.87 45.918-108.408 90.682-151.36 138.615c9.625 17.744 16.24 36.16 19.722 54.732c7.08 37.78 1.012 76.134-18.31 109.926c32.2-14.254 62.005-35.988 86.51-65.214c44.98-53.64 72.394-132.675 63.44-238.058zM251.27 198.3c-44.09 0-83.025 21.667-106.764 54.954a713 713 0 0 1 28.64 33.42c18.55-24.415 43.224-46.48 73.372-64.422l5.072-3.02l4.906 3.286c30.383 20.345 54.374 44.323 71.65 70.185a1010 1010 0 0 1 33.012-34.85c-23.354-35.875-63.803-59.552-109.888-59.552zm-.268 43.182c-51.58 32.272-84.19 77.032-95.035 122.612c-10.94 45.97-.302 92.658 35.986 130.607h108.904c34.806-36.38 47.222-81.652 38.696-127.15c-8.466-45.177-37.988-90.634-88.55-126.068z"/></svg>

How to use the Lotus icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:lotus"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/lotus.svg" alt="Lotus icon" width="24" height="24">

Related icons in Game Icons

Lotus icon in other icon sets

Lotus icon FAQ

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

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

How do I add the Lotus icon to a web page?

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

Browse all Game Icons →