Ikon Flower Lotus Duotone
ph:flower-lotus-duotone
Ikon Flower Lotus Duotone (ph:flower-lotus-duotone) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- plants, green, environmental, spirituality, flowerlotus, lotusduotone, flowerlotusduotone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 200c-15.37 0-40.77-.18-70-17.64S19.31 143 16.28 131.82a7.94 7.94 0 0 1 5.46-9.82a69.6 69.6 0 0 1 30.82-.64c-7.63-23.88-4-42.44-1-51.71A8.2 8.2 0 0 1 61 64.18C68.56 65.79 81.28 70 94.6 80.8a108.5 108.5 0 0 0-6.6 38.38C88 178 128 200 128 200m106.26-78a69.6 69.6 0 0 0-30.82-.64c7.63-23.88 4-42.44 1-51.71a8.2 8.2 0 0 0-9.44-5.47c-7.52 1.61-20.24 5.8-33.56 16.62a108.5 108.5 0 0 1 6.56 38.38C168 178 128 200 128 200c15.37 0 40.77-.18 70-17.64s38.69-39.34 41.72-50.54a7.94 7.94 0 0 0-5.46-9.82" opacity=".2"/><path d="M245.83 121.63a15.53 15.53 0 0 0-9.52-7.33a73.5 73.5 0 0 0-22.17-2.22c4-19.85 1-35.55-2.06-44.86a16.15 16.15 0 0 0-18.79-10.88a85.5 85.5 0 0 0-28.55 12.12a94.6 94.6 0 0 0-27.11-33.25a16.05 16.05 0 0 0-19.26 0a94.5 94.5 0 0 0-27.11 33.25a85.5 85.5 0 0 0-28.55-12.12a16.15 16.15 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.5 73.5 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.27c3.39 12.57 13.8 36.48 45.33 55.32S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.32a16 16 0 0 0-1.55-12.27M59.14 72.14a.2.2 0 0 1 .23-.15a70.4 70.4 0 0 1 25.81 11.67A118.7 118.7 0 0 0 80 119.17c0 18.74 3.77 34 9.11 46.28A123.6 123.6 0 0 1 69.57 140C51.55 108.62 55.3 84 59.14 72.14m3 103.35C35.47 159.57 26.82 140.05 24 129.7a59.8 59.8 0 0 1 22.5-1.17a129 129 0 0 0 9.15 19.41a142.3 142.3 0 0 0 34 39.56a115 115 0 0 1-27.55-12.01ZM128 190.4c-9.33-6.94-32-28.23-32-71.23C96 76.7 118.38 55.24 128 48c9.62 7.26 32 28.72 32 71.19c0 42.98-22.67 64.27-32 71.21m42.82-106.74A70.4 70.4 0 0 1 196.63 72a.2.2 0 0 1 .23.15c3.84 11.85 7.59 36.47-10.43 67.85a123.3 123.3 0 0 1-19.54 25.48c5.34-12.26 9.11-27.54 9.11-46.28a118.7 118.7 0 0 0-5.18-35.54M232 129.72c-2.77 10.25-11.4 29.81-38.09 45.77a115 115 0 0 1-27.55 12a142.3 142.3 0 0 0 34-39.56a129 129 0 0 0 9.15-19.41a59.7 59.7 0 0 1 22.49 1.19Z"/></g></svg>
Cara memakai ikon Flower Lotus Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="ph:flower-lotus-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:flower-lotus-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:flower-lotus-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--flower-lotus-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:flower-lotus-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:flower-lotus-duotone"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/flower-lotus-duotone.svg" alt="Ikon Flower Lotus Duotone" width="24" height="24">
FAQ Ikon Flower Lotus Duotone
Apakah ikon Flower Lotus Duotone gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Flower Lotus Duotone di React?
Pasang @iconify/react lalu render <Icon icon="ph:flower-lotus-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flower Lotus Duotone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/flower-lotus-duotone.svg" alt="Ikon Flower Lotus Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Phosphor →
ICONYZ
