Halo ikonu
icon-park-solid:halo
Halo ikonu (icon-park-solid:halo), IconPark Solid setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark Solid icons, Apache 2.0 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
- IconPark Solid
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Soyut
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="currentColor" d="M24 28a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/><path d="M17.364 14a12.05 12.05 0 0 0-3.453 3.5m-1.713 8.68a12.1 12.1 0 0 1 0-4.36M17.364 34a12.05 12.05 0 0 1-3.453-3.5m12.449 5.268a12.1 12.1 0 0 1-4.72 0M30.636 34a12.1 12.1 0 0 0 3.453-3.5m1.714-4.32a12.1 12.1 0 0 0 0-4.36M30.636 14a12.1 12.1 0 0 1 3.453 3.5M21.64 12.232a12.1 12.1 0 0 1 4.72 0M44 24a20.2 20.2 0 0 0-.4-4M4 24a20.2 20.2 0 0 1 .4-4m34.246 17.62a20 20 0 0 1-2.796 2.493M9.354 37.62a20 20 0 0 0 2.796 2.493m3.562-34.32a20 20 0 0 0-3.562 2.094m20.138-2.094a20 20 0 0 1 3.562 2.094m-9.603-3.762a20.2 20.2 0 0 0-4.494 0m4.494 39.75a20 20 0 0 0 4.253-.955m-8.747.955a20 20 0 0 1-4.253-.955M8.155 11.794a20 20 0 0 0-1.908 2.986m33.598-2.985a20 20 0 0 1 1.908 2.985M6.247 33.22a20 20 0 0 1-1.378-3.372m36.884 3.372a20 20 0 0 0 1.378-3.372"/></g></svg>
Halo ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:halo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:halo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:halo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--halo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:halo"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:halo"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park-solid/halo.svg" alt="Halo ikonu" width="24" height="24">
Diğer ikon setlerinde Halo ikonu
Halo ikonu: sık sorulan sorular
Halo ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark Solid icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Halo ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park-solid:halo" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Halo 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/icon-park-solid/halo.svg" alt="Halo ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: IconPark Solid ikonları →
ICONYZ
