Vala ikonu
skill-icons:vala
Vala ikonu (skill-icons:vala), Skill Icons setinden ücretsiz bir SVG ikondur (yapımcı: tandpfun). 256 × 256 ızgara üzerinde çizilmiştir. Skill 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
- Skill Icons
- Yazar
- tandpfun
- Lisans
- MIT
- Boyut
- 256 × 256
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVGBL4vIecK)" rx="60"/><path fill="#201c2c" d="M130.986 28c-7.255 0-14.536.922-21.817 2.737a105 105 0 0 0-20.774 7.36a111 111 0 0 0-18.657 11.135a94 94 0 0 0-15.283 14.22l-.032.045a70 70 0 0 0-10.479 16.72l-.027.06A47.6 47.6 0 0 0 40 99c0 5.062.591 9.558 2.004 13.511l.043.116c1.462 3.83 3.654 7.177 6.54 9.714l.075.067c2.902 2.464 6.384 4.185 10.253 5.256q.061.018.124.033c3.772.95 7.915 1.399 12.466 1.399a5.37 5.37 0 0 0 3.859-1.65a5.73 5.73 0 0 0 1.601-3.984c0-2.087-.71-3.53-1.43-4.718l.253.466a23 23 0 0 1-.795-2.059c0-.006-.01 0-.01-.011a42 42 0 0 1-.957-3.902a49 49 0 0 1-.387-6.861c0-13.133 2.912-23.574 8.533-31.917c4.283-6.278 10.21-10.89 17.034-14.726l3.713 162.76a5.73 5.73 0 0 0 1.644 3.901a5.37 5.37 0 0 0 3.816 1.605h35.09c1.112 0 2.198-.35 3.112-1.005a5.6 5.6 0 0 0 2.003-2.659l67.675-187.5a5.8 5.8 0 0 0-.632-5.18a5.5 5.5 0 0 0-1.951-1.78a5.3 5.3 0 0 0-2.527-.644h-17.002a5.34 5.34 0 0 0-3.171 1.048a5.6 5.6 0 0 0-1.993 2.755L147.88 156.539l-1.687-122.483a5.75 5.75 0 0 0-1.436-3.73a5.4 5.4 0 0 0-3.475-1.799a98 98 0 0 0-5.019-.388h-.011a98 98 0 0 0-5.266-.133z" opacity=".15"/><path fill="#201c2c" d="m108.379 222.36l-3.923-171.89q-17.13 6.633-26.76 20.76q-9.522 14.131-9.522 35.141q0 4.791.478 7.866q.591 2.947 1.188 4.79q.596 1.72 1.075 2.703q.59.983.59 1.721q-6.303 0-11.176-1.227q-4.88-1.354-8.211-4.18q-3.215-2.819-4.998-7.493q-1.666-4.662-1.666-11.546q0-8.354 3.445-16.463q3.568-8.105 9.635-15.36q6.185-7.242 14.396-13.388a105.5 105.5 0 0 1 17.722-10.568a99.4 99.4 0 0 1 19.742-7q10.35-2.587 20.581-2.587a93 93 0 0 1 9.748.489l2.144 154.811l51.264-154.078h17.007l-67.675 187.505h-35.089z" opacity=".3"/><path fill="#fff" d="m108.379 216.81l-3.923-171.891q-17.13 6.633-26.76 20.76q-9.522 14.132-9.522 35.141q0 4.791.478 7.866q.591 2.948 1.188 4.79q.596 1.72 1.075 2.703q.59.983.59 1.721q-6.303 0-11.176-1.226q-4.88-1.355-8.211-4.18q-3.215-2.82-4.998-7.494q-1.666-4.662-1.666-11.546q0-8.354 3.445-16.463q3.568-8.104 9.635-15.36q6.185-7.242 14.396-13.387a105.5 105.5 0 0 1 17.722-10.57a99.4 99.4 0 0 1 19.742-6.999q10.35-2.586 20.581-2.586a93 93 0 0 1 9.748.488l2.144 154.811L194.131 29.31h17.007l-67.675 187.505h-35.089z"/><defs><linearGradient id="SVGBL4vIecK" x1="128" x2="128" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#ad65d6"/><stop offset="1" stop-color="#7b37b2"/></linearGradient></defs></g></svg>Vala ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:vala" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:vala" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:vala" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--vala]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:vala"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:vala"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/skill-icons/vala.svg" alt="Vala ikonu" width="24" height="24">Diğer ikon setlerinde Vala ikonu
Vala ikonu: sık sorulan sorular
Vala ikonu ticari kullanım için ücretsiz mi?
Evet. Skill Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Vala ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="skill-icons:vala" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Vala 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/skill-icons/vala.svg" alt="Vala ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.