Icône Flower Lotus Fill
ph:flower-lotus-fill
L'icône Flower Lotus Fill (ph:flower-lotus-fill) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Phosphor
- Auteur
- Phosphor Icons
- Licence
- MIT
- Taille
- 256 × 256
- Mots-clés
- plants, green, environmental, spirituality, flowerlotus, lotusfill, flowerlotusfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M245.83 121.63a15.53 15.53 0 0 0-9.52-7.33a73.6 73.6 0 0 0-22.17-2.22c4-19.85 1-35.55-2-44.86a16.17 16.17 0 0 0-18.8-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.6 94.6 0 0 0-27.16 33.25a85.5 85.5 0 0 0-28.55-12.12a16.14 16.14 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.6 73.6 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.26c3.39 12.58 13.8 36.49 45.33 55.33S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.33a16 16 0 0 0-1.55-12.26M62.1 175.49C35.47 159.57 26.82 140.05 24 129.7a59.6 59.6 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.01M128 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.21m104-60.68c-2.77 10.24-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"/></svg>
Comment utiliser l'icône Flower Lotus Fill
React
import { Icon } from "@iconify/react";
<Icon icon="ph:flower-lotus-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:flower-lotus-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:flower-lotus-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--flower-lotus-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:flower-lotus-fill"></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-fill"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ph/flower-lotus-fill.svg" alt="Icône Flower Lotus Fill" width="24" height="24">
Icônes similaires dans Phosphor
FAQ : Icône Flower Lotus Fill
L'icône Flower Lotus Fill est-elle gratuite pour un usage commercial ?
Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Flower Lotus Fill dans React ?
Installez @iconify/react et affichez <Icon icon="ph:flower-lotus-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flower Lotus Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/flower-lotus-fill.svg" alt="Icône Flower Lotus Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Phosphor →
ICONYZ
