Clover ikonu
whh:clover
Clover ikonu (whh:clover), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 1024 × 1025 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License 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
- WebHostingHub Glyphs
- Yazar
- WebHostingHub
- Lisans
- OFL-1.1
- Boyut
- 1024 × 1025
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M791 485q149 54 202 105q14 14 22.5 38t8.5 55t-17 67.5t-51 70.5q-45 44-100.5 62.5t-96 12.5t-53.5-28q-25-42-72-114t-84-131q10 92 18 203t8 135q0 27-18.5 45.5t-45 18.5t-45.5-18.5t-19-45.5q0-25 8-140.5T475 613q-38 58-86 128.5T317 852q-11 16-36.5 28T222 896t-73.5-9.5t-75-45.5t-53-73t-20-77t6-65T28 584q31-29 99.5-60.5T279 466q-43-15-96.5-30t-91-27.5T22 377Q6 367 2.5 336T8 266t33-84t58-80.5t77.5-60t81-34t68-6.5T368 18q83 102 142 291q46-132 136-286q9-17 44-20t79 6.5t93.5 34T947 102q34 34 53.5 77t22 80t-4.5 66.5t-21 43.5q-57 56-206 116"/></svg>
Clover ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="whh:clover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:clover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:clover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--clover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:clover"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:clover"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/whh/clover.svg" alt="Clover ikonu" width="24" height="24">
WebHostingHub Glyphs setindeki benzer ikonlar
Diğer ikon setlerinde Clover ikonu
Clover ikonu: sık sorulan sorular
Clover ikonu ticari kullanım için ücretsiz mi?
Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Clover ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="whh:clover" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Clover 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/whh/clover.svg" alt="Clover ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: WebHostingHub Glyphs ikonları →
ICONYZ
