Yabin ikonu
selfhst:yabin
Yabin ikonu (selfhst:yabin), 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="#101419" d="M0 0h512v512H0z"/><path fill="#f59f0b" d="M155.4 163.2V248h-34.6v-84.5L29.5 28.3h37.7l71.7 110.1l72.5-110.1h35.4zM426.3 192H319.2l-21.5 56H264l88.1-219.8h43.6l88 219.8H448zm-98.2-23h89.4L373.1 51.5z"/><path fill="#ff00ea" d="M52.1 373.5c5.5-5.8 11.8-10.4 19-13.6q10.8-4.8 23.7-4.8c13.4 0 24.2 2.6 32.5 7.9c8.2 5.2 14.3 12.6 18.1 22.1s5.7 20.6 5.7 33.4c0 12.2-2.3 23.2-6.8 32.9c-4.6 9.6-11.2 17.1-20 22.6s-19.6 8.2-32.6 8.2c-17.4 0-31.1-5.1-40.9-15.2l-1.7 12.6h-21v-171l23.9-2.4v67.3zM86 466.4c12.5 0 22.1-3.9 29-11.8c6.7-7.9 10.1-19.9 10.1-36.3c0-10.6-1.3-19.5-4-26.6c-2.7-7-6.6-12.3-11.9-15.8s-11.7-5.3-19.4-5.3c-8.3 0-15.7 2-22 6.1q-9.45 6-15.6 13.5v60.4q5.85 7.2 14.7 11.4c5.8 3 12.3 4.4 19.1 4.4m189-108.8v106.5h42.3v15.4H204.8v-15.4h46.3V373h-44.9v-15.4zm-19-57c5.3 0 9.5 1.3 12.7 3.9q4.8 3.9 4.8 9.6q0 5.85-4.8 9.9c-3.2 2.7-7.4 4-12.7 4c-5 0-9.2-1.3-12.4-4q-4.8-4.05-4.8-9.9q0-5.7 4.8-9.6c3.2-2.6 7.4-3.9 12.4-3.9m114.1 178.9V357.6h20.3l1.9 16.9q9.15-9.3 22.8-14.4c9.2-3.3 18-5 26.8-5c14.7 0 25.4 3.2 32.2 9.5s10 15.1 10 26.4v88.6h-23.9v-74.2c0-8.3-.6-15-1.7-20.1s-3.5-8.9-7.1-11.2s-9.2-3.5-16.8-3.5c-5.9 0-11.4 1-16.6 3.1q-7.8 3.15-13.8 7.8c-4 3.1-7.4 6.3-10 9.4v88.8z"/></svg>Yabin ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:yabin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:yabin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:yabin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--yabin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:yabin"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:yabin"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/yabin.svg" alt="Yabin ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Yabin ikonu: sık sorulan sorular
Yabin 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.
Yabin ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:yabin" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Yabin 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/yabin.svg" alt="Yabin ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.