Flower Light ikonu
ph:flower-light
Flower Light ikonu (ph:flower-light), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Phosphor
- Yazar
- Phosphor Icons
- Lisans
- MIT
- Boyut
- 256 × 256
- Etiketler
- plants, green, environmental, flowerlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M209.35 131.09a42 42 0 0 0-6.82-3.09a42 42 0 0 0 6.82-3.09a38 38 0 1 0-38-65.82a43.3 43.3 0 0 0-6.08 4.36A43 43 0 0 0 166 56a38 38 0 0 0-76 0a43 43 0 0 0 .73 7.45a43.3 43.3 0 0 0-6.08-4.36a38 38 0 0 0-38 65.82a42 42 0 0 0 6.82 3.09a42 42 0 0 0-6.82 3.09a38 38 0 0 0 9.16 69.62a38.5 38.5 0 0 0 9.9 1.31a37.8 37.8 0 0 0 18.94-5.11a43.3 43.3 0 0 0 6.08-4.36A43 43 0 0 0 90 200a38 38 0 0 0 76 0a43 43 0 0 0-.73-7.45a43.3 43.3 0 0 0 6.08 4.36a37.8 37.8 0 0 0 18.94 5.09a38.5 38.5 0 0 0 9.9-1.31a38 38 0 0 0 9.16-69.62Zm-32-61.61a26 26 0 1 1 26 45c-4.77 2.75-14.92 6.15-36.4 7.47l-1.44-.08A38 38 0 0 0 152 98.58l.66-1.31c11.9-17.94 19.92-25.03 24.69-27.79M128 154a26 26 0 1 1 26-26a26 26 0 0 1-26 26m0-124a26 26 0 0 1 26 26c0 5.51-2.13 16-11.73 35.27c-.26.4-.53.8-.79 1.21a37.88 37.88 0 0 0-27 0l-.79-1.22C104.13 72 102 61.51 102 56a26 26 0 0 1 26-26m-75.35 84.52a26 26 0 0 1 26-45c4.77 2.76 12.79 9.85 24.67 27.79l.66 1.31a38 38 0 0 0-13.49 23.33l-1.44.08c-21.48-1.36-31.63-4.76-36.4-7.51m26 72a26 26 0 0 1-26-45c4.77-2.75 14.92-6.15 36.4-7.47l1.44.08A38 38 0 0 0 104 157.42l-.66 1.31c-11.9 17.94-19.92 25.03-24.69 27.79M128 226a26 26 0 0 1-26-26c0-5.51 2.13-16 11.73-35.27c.26-.4.53-.8.79-1.21a37.88 37.88 0 0 0 27 0l.79 1.22C151.87 184 154 194.49 154 200a26 26 0 0 1-26 26m84.87-49a26 26 0 0 1-35.52 9.52c-4.77-2.76-12.79-9.85-24.67-27.79l-.66-1.31a38 38 0 0 0 13.49-23.33L167 134c21.48 1.32 31.63 4.72 36.4 7.47a26 26 0 0 1 9.47 35.53"/></svg>
Flower Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="ph:flower-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:flower-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:flower-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--flower-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:flower-light"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:flower-light"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/ph/flower-light.svg" alt="Flower Light ikonu" width="24" height="24">
Phosphor setindeki benzer ikonlar
Flower Light ikonu: sık sorulan sorular
Flower Light ikonu ticari kullanım için ücretsiz mi?
Evet. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Flower Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="ph:flower-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Flower Light ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/ph/flower-light.svg" alt="Flower Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Phosphor ikonları →
ICONYZ
