vala logo
vala from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- vala
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the vala logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SkillIconsVala(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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 stopColor="#ad65d6"/><stop offset="1" stopColor="#7b37b2"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-vala {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVGBL4vIecK)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23201c2c%22%20d%3D%22M130.986%2028c-7.255%200-14.536.922-21.817%202.737a105%20105%200%200%200-20.774%207.36a111%20111%200%200%200-18.657%2011.135a94%2094%200%200%200-15.283%2014.22l-.032.045a70%2070%200%200%200-10.479%2016.72l-.027.06A47.6%2047.6%200%200%200%2040%2099c0%205.062.591%209.558%202.004%2013.511l.043.116c1.462%203.83%203.654%207.177%206.54%209.714l.075.067c2.902%202.464%206.384%204.185%2010.253%205.256q.061.018.124.033c3.772.95%207.915%201.399%2012.466%201.399a5.37%205.37%200%200%200%203.859-1.65a5.73%205.73%200%200%200%201.601-3.984c0-2.087-.71-3.53-1.43-4.718l.253.466a23%2023%200%200%201-.795-2.059c0-.006-.01%200-.01-.011a42%2042%200%200%201-.957-3.902a49%2049%200%200%201-.387-6.861c0-13.133%202.912-23.574%208.533-31.917c4.283-6.278%2010.21-10.89%2017.034-14.726l3.713%20162.76a5.73%205.73%200%200%200%201.644%203.901a5.37%205.37%200%200%200%203.816%201.605h35.09c1.112%200%202.198-.35%203.112-1.005a5.6%205.6%200%200%200%202.003-2.659l67.675-187.5a5.8%205.8%200%200%200-.632-5.18a5.5%205.5%200%200%200-1.951-1.78a5.3%205.3%200%200%200-2.527-.644h-17.002a5.34%205.34%200%200%200-3.171%201.048a5.6%205.6%200%200%200-1.993%202.755L147.88%20156.539l-1.687-122.483a5.75%205.75%200%200%200-1.436-3.73a5.4%205.4%200%200%200-3.475-1.799a98%2098%200%200%200-5.019-.388h-.011a98%2098%200%200%200-5.266-.133z%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23201c2c%22%20d%3D%22m108.379%20222.36l-3.923-171.89q-17.13%206.633-26.76%2020.76q-9.522%2014.131-9.522%2035.141q0%204.791.478%207.866q.591%202.947%201.188%204.79q.596%201.72%201.075%202.703q.59.983.59%201.721q-6.303%200-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%203.445-16.463q3.568-8.105%209.635-15.36q6.185-7.242%2014.396-13.388a105.5%20105.5%200%200%201%2017.722-10.568a99.4%2099.4%200%200%201%2019.742-7q10.35-2.587%2020.581-2.587a93%2093%200%200%201%209.748.489l2.144%20154.811l51.264-154.078h17.007l-67.675%20187.505h-35.089z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m108.379%20216.81l-3.923-171.891q-17.13%206.633-26.76%2020.76q-9.522%2014.132-9.522%2035.141q0%204.791.478%207.866q.591%202.948%201.188%204.79q.596%201.72%201.075%202.703q.59.983.59%201.721q-6.303%200-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%203.445-16.463q3.568-8.104%209.635-15.36q6.185-7.242%2014.396-13.387a105.5%20105.5%200%200%201%2017.722-10.57a99.4%2099.4%200%200%201%2019.742-6.999q10.35-2.586%2020.581-2.586a93%2093%200%200%201%209.748.488l2.144%20154.811L194.131%2029.31h17.007l-67.675%20187.505h-35.089z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBL4vIecK%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ad65d6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b37b2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVGBL4vIecK)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23201c2c%22%20d%3D%22M130.986%2028c-7.255%200-14.536.922-21.817%202.737a105%20105%200%200%200-20.774%207.36a111%20111%200%200%200-18.657%2011.135a94%2094%200%200%200-15.283%2014.22l-.032.045a70%2070%200%200%200-10.479%2016.72l-.027.06A47.6%2047.6%200%200%200%2040%2099c0%205.062.591%209.558%202.004%2013.511l.043.116c1.462%203.83%203.654%207.177%206.54%209.714l.075.067c2.902%202.464%206.384%204.185%2010.253%205.256q.061.018.124.033c3.772.95%207.915%201.399%2012.466%201.399a5.37%205.37%200%200%200%203.859-1.65a5.73%205.73%200%200%200%201.601-3.984c0-2.087-.71-3.53-1.43-4.718l.253.466a23%2023%200%200%201-.795-2.059c0-.006-.01%200-.01-.011a42%2042%200%200%201-.957-3.902a49%2049%200%200%201-.387-6.861c0-13.133%202.912-23.574%208.533-31.917c4.283-6.278%2010.21-10.89%2017.034-14.726l3.713%20162.76a5.73%205.73%200%200%200%201.644%203.901a5.37%205.37%200%200%200%203.816%201.605h35.09c1.112%200%202.198-.35%203.112-1.005a5.6%205.6%200%200%200%202.003-2.659l67.675-187.5a5.8%205.8%200%200%200-.632-5.18a5.5%205.5%200%200%200-1.951-1.78a5.3%205.3%200%200%200-2.527-.644h-17.002a5.34%205.34%200%200%200-3.171%201.048a5.6%205.6%200%200%200-1.993%202.755L147.88%20156.539l-1.687-122.483a5.75%205.75%200%200%200-1.436-3.73a5.4%205.4%200%200%200-3.475-1.799a98%2098%200%200%200-5.019-.388h-.011a98%2098%200%200%200-5.266-.133z%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23201c2c%22%20d%3D%22m108.379%20222.36l-3.923-171.89q-17.13%206.633-26.76%2020.76q-9.522%2014.131-9.522%2035.141q0%204.791.478%207.866q.591%202.947%201.188%204.79q.596%201.72%201.075%202.703q.59.983.59%201.721q-6.303%200-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%203.445-16.463q3.568-8.105%209.635-15.36q6.185-7.242%2014.396-13.388a105.5%20105.5%200%200%201%2017.722-10.568a99.4%2099.4%200%200%201%2019.742-7q10.35-2.587%2020.581-2.587a93%2093%200%200%201%209.748.489l2.144%20154.811l51.264-154.078h17.007l-67.675%20187.505h-35.089z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m108.379%20216.81l-3.923-171.891q-17.13%206.633-26.76%2020.76q-9.522%2014.132-9.522%2035.141q0%204.791.478%207.866q.591%202.948%201.188%204.79q.596%201.72%201.075%202.703q.59.983.59%201.721q-6.303%200-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%203.445-16.463q3.568-8.104%209.635-15.36q6.185-7.242%2014.396-13.387a105.5%20105.5%200%200%201%2017.722-10.57a99.4%2099.4%200%200%201%2019.742-6.999q10.35-2.586%2020.581-2.586a93%2093%200%200%201%209.748.488l2.144%20154.811L194.131%2029.31h17.007l-67.675%20187.505h-35.089z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGBL4vIecK%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ad65d6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b37b2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/vala.svg?color=%231a73e8&size=48
