Ikon Vala
skill-icons:vala
Ikon Vala (skill-icons:vala) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Skill Icons
- Pembuat
- tandpfun
- Lisensi
- MIT
- Ukuran
- 256 × 256
Kode SVG
<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>Cara memakai ikon Vala
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:vala"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/vala.svg" alt="Ikon Vala" width="24" height="24">Ikon Vala di set ikon lain
FAQ Ikon Vala
Apakah ikon Vala gratis untuk penggunaan komersial?
Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Vala di React?
Pasang @iconify/react lalu render <Icon icon="skill-icons:vala" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vala ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/vala.svg" alt="Ikon Vala">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.