Lotus icon

twemoji:lotus

The Lotus icon (twemoji:lotus) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.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: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Animals & Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ef8294" d="M15.274 20.121c-2.712 0-4.91-2.837-4.91-7.063c0-4.319 2.035-6.272 2.896-6.905a.5.5 0 0 1 .667.068c.891.989 3.528 4.137 3.528 6.778c0 4.227.528 7.122-2.181 7.122m5.452 0c2.712 0 4.91-2.837 4.91-7.063c0-4.319-2.035-6.272-2.896-6.905a.5.5 0 0 0-.667.068c-.891.989-3.528 4.137-3.528 6.778c0 4.227-.528 7.122 2.181 7.122"/><path fill="#f4abba" d="M18 21.182c-5.17-5.25-3.322-6.513-14.294-10.218a.5.5 0 0 0-.62.276c-1.804 4.216-1.369 7.359 4.201 8.894c-2.141-.014-4.393.249-6.813.492a.5.5 0 0 0-.447.55c.325 3.099 3.617 7.551 11.214 5.121A2.7 2.7 0 0 0 11 27.392c0 2.683 5.164 4.224 6.62 4.605a1.5 1.5 0 0 0 .76 0c1.456-.381 6.62-1.922 6.62-4.605c0-.387-.089-.751-.241-1.094c7.596 2.43 10.888-2.022 11.214-5.121a.5.5 0 0 0-.447-.55c-2.42-.243-4.671-.507-6.813-.492c5.57-1.535 6.004-4.678 4.201-8.894a.5.5 0 0 0-.62-.277C21.322 14.668 23.17 15.932 18 21.182"/><path fill="#ea596e" d="M26.975 8.577a.56.56 0 0 0-.931.007l-3.259 4.961l-.426-.001c0-.023.005-.044.005-.067c0-3.677-3.182-5.798-4.111-6.339a.5.5 0 0 0-.503 0c-.929.541-4.113 2.662-4.113 6.339c0 .023.005.044.005.067l-.426.001l-3.26-4.961a.56.56 0 0 0-.931-.006c-1.417 2.086-2.438 4.673-1.86 7.472c1.098 5.323 5.866 7.944 10.837 6.769c4.968 1.175 9.736-1.445 10.834-6.769c.577-2.8-.444-5.387-1.861-7.473"/><path fill="#f4900c" d="m15.142 21.727l-2.597-7.636h10.91l-2.597 7.636z"/><ellipse cx="18" cy="14.091" fill="#ffdc5d" rx="5.455" ry="1.636"/><path fill="#ea596e" d="M18.001 26c-2.411 0-4.365-2.309-4.365-5.748c0-3.797 3.167-5.992 4.106-6.558a.5.5 0 0 1 .518 0c.938.567 4.104 2.761 4.104 6.559c0 3.438-1.954 5.747-4.363 5.747"/><path fill="#ef8294" d="M32 14.716a.503.503 0 0 0-.617-.491c-2.67.644-13.348 3.72-13.382 11.737c-.035-8.017-10.713-11.093-13.383-11.737a.5.5 0 0 0-.618.491c.021 2.451.999 11.282 13.998 11.284h.004C31.001 25.998 31.979 17.167 32 14.716"/></svg>

How to use the Lotus icon

React

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

<Icon icon="twemoji:lotus" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:lotus" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:lotus" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="twemoji:lotus"></iconify-icon>

HTML image

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

Lotus icon in other icon sets

Lotus icon FAQ

Is the Lotus icon free for commercial use?

Yes. Twitter Emoji icons are released under the CC BY 4.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="twemoji: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/twemoji/lotus.svg" alt="Lotus icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →