Icône Flower Thin
ph:flower-thin
L'icône Flower Thin (ph:flower-thin) 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, flowerthin
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M208.35 132.82a51 51 0 0 0-12.59-4.82a51 51 0 0 0 12.59-4.82a36 36 0 0 0-36-62.36a51.5 51.5 0 0 0-10.47 8.5A51.3 51.3 0 0 0 164 56a36 36 0 0 0-72 0a51.3 51.3 0 0 0 2.12 13.32a51.5 51.5 0 0 0-10.47-8.5a36 36 0 1 0-36 62.36A51 51 0 0 0 60.24 128a51 51 0 0 0-12.59 4.82a36 36 0 1 0 36 62.36a51.5 51.5 0 0 0 10.47-8.5A51.3 51.3 0 0 0 92 200a36 36 0 0 0 72 0a51.3 51.3 0 0 0-2.12-13.32a51.5 51.5 0 0 0 10.47 8.5a35.85 35.85 0 0 0 18 4.84a36.2 36.2 0 0 0 9.37-1.25a36 36 0 0 0 8.68-66Zm-32-65.07a28 28 0 0 1 28 48.5c-6.95 4-19.82 6.66-37.44 7.74l-3.16-.17a36 36 0 0 0-14.26-24.68c.49-1 1-1.9 1.44-2.84c9.74-14.71 18.47-24.53 25.42-28.55M128 156a28 28 0 1 1 28-28a28 28 0 0 1-28 28m0-128a28 28 0 0 1 28 28c0 8-4.14 20.5-12 36.3c-.58.87-1.15 1.75-1.73 2.65a35.94 35.94 0 0 0-28.52 0c-.58-.9-1.15-1.78-1.73-2.65C104.14 76.5 100 64 100 56a28 28 0 0 1 28-28m-76.35 88.25a28 28 0 1 1 28-48.5c6.95 4 15.68 13.84 25.42 28.55c.47.94 1 1.88 1.44 2.84a36 36 0 0 0-14.26 24.68l-3.16.17c-17.62-1.08-30.49-3.73-37.44-7.74m28 72a28 28 0 1 1-28-48.5c7-4 19.82-6.66 37.44-7.74l3.16.17a36 36 0 0 0 14.26 24.68c-.49 1-1 1.9-1.44 2.84c-9.74 14.71-18.47 24.53-25.42 28.55M128 228a28 28 0 0 1-28-28c0-8 4.14-20.5 12-36.3c.58-.87 1.15-1.75 1.73-2.65a35.94 35.94 0 0 0 28.52 0c.58.9 1.15 1.78 1.73 2.65c7.87 15.8 12 28.27 12 36.3A28 28 0 0 1 128 228m86.6-50a28 28 0 0 1-38.25 10.25c-6.95-4-15.68-13.84-25.42-28.55c-.47-.94-1-1.88-1.44-2.84a36 36 0 0 0 14.26-24.68l3.16-.17c17.62 1.08 30.49 3.73 37.44 7.74A28 28 0 0 1 214.6 178"/></svg>
Comment utiliser l'icône Flower Thin
React
import { Icon } from "@iconify/react";
<Icon icon="ph:flower-thin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:flower-thin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:flower-thin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--flower-thin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:flower-thin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:flower-thin"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ph/flower-thin.svg" alt="Icône Flower Thin" width="24" height="24">
Icônes similaires dans Phosphor
FAQ : Icône Flower Thin
L'icône Flower Thin 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 Thin dans React ?
Installez @iconify/react et affichez <Icon icon="ph:flower-thin" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flower Thin à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/flower-thin.svg" alt="Icône Flower Thin">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Phosphor →
ICONYZ
