Koel ikonu
selfhst:koel
Koel ikonu (selfhst:koel), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M399 208s-14.3 20.1 27.4 39.9c0 0-63.5-6.7-80.3-22.7c0 0-109.4 14.3-65.7 119.4c0 0-36-25.9-47-59.7c0 0-82 86.1-27 227.1c0 0-60-64.2-68.5-127.2c0 0-5.1 9.9-2.9 25c0 0-24.2-69.7-18-106.5c0 0-14.7 20.4-15.6 32c0 0 2.1-25.9 12.3-41.8c0 0-3-23.1 7.2-47.3c10.1-24.1 6.9-50 4.9-54.6c0 0-3.1 10.5-7.6 15c0 0 14.3-56.7 8.3-83.9c0 0-12.5 12.1-10.7 42.5c0 0-7.3-26.8-.1-55.5c0 0-6.4.6-6.9 7.2c0 0-6.8-18.4 2.8-39.5c0 0-54.7-36.7-60.1-41.1c0 0-7.9-4-17.6-3.1c30.8-12.8 71.7 9.5 96.9 26.3C144.2 68.9 151 75 165.9 79c15.2 4 28.7 17.4 28.7 17.4c-15.2-22.1-20-9.9-61.4-39.4C74.3 15.3 42.1 26.6 30.8 33.5q-2.25.45-4.5 1.2s23.3-49.4 121.2-17.8c0 0 15.1-15.4 24.5-16.9c0 0-13.1 9.3-15.4 17c0 0 18.6-13.5 33.7-13.3c0 0-17.4 8.8-26.1 17c0 0 11.5-6.2 28.2-6c0 0-10.3 5-13.9 6.7c-.7.4-1.2.6-1.2.6s10.5-2.2 16.1-2.3c0 0 28.3-13.6 53.9-10.9c0 0-8.9.1-21.2 9.9c0 0 38.6-2 64.4 10.7c0 0-21.9-4.3-35.5-4.2c0 0 66.6 2.7 122.1 75.2c58.5 76.3 60.9 82.5 108.6 118.4c0 0-57.7-2.5-86.7-10.8" clip-rule="evenodd"/><path fill-rule="evenodd" d="M358.2 180s-10.3 17.6 20.3 31c0 0-46.6-1-59.6-13.1c0 0-85.4 21.6-47.7 104.9c0 0-29.2-17.8-39.3-45.3c0 0-63.6 83.4-13.1 189.5c0 0-51.6-42.8-62-94.1c0 0-3.8 9-1.2 21.5c0 0-24.8-56.5-21.5-89.4c0 0-11.8 19.6-11.9 29.8c0 0 .3-23 8.3-38.1c0 0-4-20.3 3.6-42.9s3.2-46 1.2-50.1c0 0-2.2 9.8-6 14.3c0 0 9.6-53.4 2.4-78.7c0 0-10.7 12.1-7.2 40.5c0 0-8.3-24.8-3.6-52.4c0 0-5.9.9-6 7.2c0 0-7.6-17.4 0-38.1c0 0-55.1-35-60.8-39.3c0 0-8.2-3.9-17.9-2.9c29.5-13.4 70.6 8.4 95.3 24.4c13.2 8.9 19.7 14.5 33.4 17.9s26.2 15.5 26.2 15.5c-14.1-20.7-17.8-9-56.9-36.1C75.6 15.7 44.7 27.3 33.9 34.4c-1.5.3-3 .7-4.6 1.3c0 0 20.3-50.6 115.6-19.1c0 0 13-15.2 21.5-16.7c0 0-11.4 9.1-13.1 16.7c0 0 16.2-13.2 29.8-13.1c0 0-15.2 8.7-22.6 16.7c0 0 10.1-6.1 25-6c0 0-9 4.9-12.1 6.6c-.6.4-1 .6-1 .6s9.3-2.2 14.3-2.4c0 0 24.3-13.2 46.5-10.7c0 0-7.6.1-17.9 9.5c0 0 32.9-2.2 54.8 9.5c0 0-18.3-3.8-29.8-3.6c0 0 55.2 2.1 100.1 65.5s46.3 67.8 79.8 94.1c0 .2-40.8 1.8-62-3.3"/><path fill="#fa0000" fill-rule="evenodd" d="M239.1 60.8c-20.7-5.8-27.4 10.7-27.4 10.7c.6 11.5 9.8 23.2 23.8 25c14 1.9 21.5-16.7 21.5-16.7s-1-13.8-17.9-19M231.2 85c-7.4-1.2-12.7-6.1-12.7-11.1s5.1-9.1 12.3-9.4c8.4-.3 16.4 4.6 16.7 11.1c.2 6.6-7.7 10.8-16.3 9.4"/><path fill="#fff" fill-rule="evenodd" d="M133 35.8s8.9-8.2 11.9 4.8c0 0-4.3 4.2-7.2 2.4c-2.8-1.9-4.7-7.2-4.7-7.2m93.5 28.6c3 0 5.4 2.1 5.4 4.8c0 2.6-2.4 4.8-5.4 4.8s-5.4-2.1-5.4-4.8c.1-2.7 2.5-4.8 5.4-4.8" clip-rule="evenodd"/></svg>Koel ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:koel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:koel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:koel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--koel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:koel"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:koel"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/koel.svg" alt="Koel ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Koel ikonu: sık sorulan sorular
Koel ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Koel ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:koel" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Koel 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/selfhst/koel.svg" alt="Koel ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.