Icône Flower Lotus Duotone
ph:flower-lotus-duotone
L'icône Flower Lotus Duotone (ph:flower-lotus-duotone) 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, lotusduotone, flowerlotusduotone
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/ph/flower-lotus-duotone.svg" alt="Icône Flower Lotus Duotone" width="24" height="24">
Icônes similaires dans Phosphor
FAQ : Icône Flower Lotus Duotone
L'icône Flower Lotus Duotone 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 Duotone dans React ?
Installez @iconify/react et affichez <Icon icon="ph:flower-lotus-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flower Lotus Duotone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/flower-lotus-duotone.svg" alt="Icône Flower Lotus Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Phosphor →
ICONYZ
