Ikon Lotus

openmoji:lotus

Ikon Lotus (openmoji:lotus) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: OpenMoji
Pembuat: OpenMoji
Lisensi: CC-BY-SA-4.0
Ukuran: 72 × 72
Kategori: Hewan dan alam

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGsOIisdTb" d="m8.661 40.827l5.837-3.226l2.534-.461l11.06 4.071l9.37 1.075l8.985-1.69l10.061-3.763l6.912 3.302l-4.684 3.149l-6.298 1.69l2.841 3.763l.893 4.896l-7.958-.441l-5.223-1.383l-3.072 5.069l-3.392 2.423l-5.056-4.343l-2.15-3.302l-4.455 1.843l-7.757.845l-.718-4.878l2.331-3.187l-6.989-2.995z"/></defs><g fill="#b1cc33"><use href="#SVGsOIisdTb"/><use href="#SVGsOIisdTb"/></g><path fill="#5c9e31" d="m38.466 44.194l6.336-1.769l5.901-1.989l4.045-4.052l5.747 2.284l2.947 1.989l-3.095 2.063l-6.262 1.916l-.884 1.178l2.579 4.568l.392 3.25l-6.728-.524l-6.452-1.3l-.768 2.258L36 59V45z"/><path fill="#ffa7c0" d="m17.004 33.533l.919-8.227l2.941-7.705l1.837.563l3.976 3.384l1.789-2.541l4.274-4.376l3.566-1.932l5.749 4.082l2.175 2.273l1.506 2.447l3.516-2.723l2.497-1.177l3.43 9.856l.242 8.448l-4.718 4.531l-8.407 2.995l-5.08.692l-5.201-.077l-6.835-2.151l-5.987-3.609z"/><path fill="#e67a94" d="m44.271 23.625l4.34-4.799l2.625-1.206l2.582 4.685l1.783 9.37l-.233 5.535l-6.039 3.912l-8.362 2.499l-4.796.39z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M31.037 43.57a23.5 23.5 0 0 1-8.907 2.02a21 21 0 0 1-2.38-.11A27.6 27.6 0 0 1 8 41.14a20 20 0 0 1 9.698-4.035"/><path stroke-linejoin="round" d="M35.609 44.593a10.6 10.6 0 0 1-4.279 6.077q-.858.588-1.8 1.03c-5.42 2.61-12.96 2.43-12.96 2.43a11.36 11.36 0 0 1 3.18-8.65q1.186.125 2.38.11a23.5 23.5 0 0 0 8.907-2.02"/><path stroke-linejoin="round" d="M36.59 44.524a11 11 0 0 0 4.64 6.016q.891.565 1.86.98v.01C42.05 55.91 36 59 36 59s-5.18-2.95-6.47-7.3a13 13 0 0 0 1.8-1.03a10.6 10.6 0 0 0 4.276-6.07z"/><path stroke-linejoin="round" d="M36.781 45.07a10.95 10.95 0 0 0 4.449 5.47q.891.565 1.86.98v.01c5.57 2.47 13.08 2.1 13.08 2.1a11.65 11.65 0 0 0-3.67-8.56a11.4 11.4 0 0 0-1.56-1.19a16 16 0 0 0-3.447-1.603"/><path stroke-linejoin="round" d="M54.723 36.5c3.306.74 6.45 2.075 9.277 3.94a26.5 26.5 0 0 1-11.5 4.63a11.4 11.4 0 0 0-1.56-1.19a16.4 16.4 0 0 0-3.949-1.766m-10.685 2.449s-19.302-2.45-19.302-11.03s2.895-14.706 3.86-15.932s6.756 4.902 6.756 7.353"/><path stroke-linejoin="round" d="M44.993 24.954c0-2.45 5.79-8.579 6.756-7.353s3.86 7.353 3.86 15.932s-19.303 11.03-19.303 11.03"/><path stroke-miterlimit="10" d="M43.353 19.534s-4.698-6.317-7.047-6.317s-7.047 6.317-7.047 6.317"/></g></svg>

Cara memakai ikon Lotus

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Lotus di set ikon lain

FAQ Ikon Lotus

Apakah ikon Lotus gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Lotus di React?

Pasang @iconify/react lalu render <Icon icon="openmoji:lotus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Lotus ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/lotus.svg" alt="Ikon Lotus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →