vala logo

vala from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: vala
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

valaCatppuccin Icons valaMaterial Icon Theme valaSimple Icons valaSkill Icons

Use the vala logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGoRKEI2uZ" x1="-18.592" x2="-18.592" y1="-81.414" y2="204.37" gradientTransform="translate(8.263 36.184)scale(.44444)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a56de2"/><stop offset="1" stop-color="#7239b3"/></linearGradient><linearGradient id="SVG4rOXTkiy" x1="-13.699" x2="-13.699" y1="-7.486" y2="156.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8b58c9"/><stop offset="1" stop-color="#743fb3"/></linearGradient><linearGradient id="SVG8SeuPcAy" x1="-13.699" x2="-13.699" y1="-7.486" y2="151.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7548b2"/><stop offset="1" stop-color="#6639a4"/></linearGradient></defs><path fill="url(#SVGoRKEI2uZ)" d="M0 0h128v128H0z"/><path fill="url(#SVG4rOXTkiy)" d="M-25.893-7.887c-35.819 9.21-66.614 18.75-71.867 53.304c-.853 5.857-.584 11.676 1.414 17.254q3.374 8.646 15.094 10.168c3.065.415 14.252 2.487 13.982-2.466c-.287-1.668-1.31-3.517-2.125-5.442c-1.299-2.84-1.197-5.903-1.188-8.76c.447-10.028 3.083-18.524 7.92-25.479c3.81-5.409 8.67-9.8 14.572-13.184l3.14 133.11c0 1.953 1.289 2.991 3.828 2.991h29.88c2.154 0 2.995-.75 3.705-2.654C11.64 99.776 30.526 48.485 49.774-2.665c.255-2.592-2.415-3.57-4.312-4.229H31.425c-2.469-.084-3.92 1.346-4.424 2.826L-7.528 96.392L-9.7.502v-6.188l-4-1.813h-4a82 82 0 0 0-8.193-.4z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="url(#SVG8SeuPcAy)" d="M-40.88 149.61L-44.178 9.8q-14.39 5.396-22.485 16.889q-7.994 11.492-7.994 28.581q0 8.294 2.298 12.492q.5.8.5 1.4q-16.389 0-20.487-10.494q-1.4-3.797-1.4-9.393q0-10.293 6.397-19.787q6.495-9.594 16.689-16.99Q-47.375-3.89-21.893-3.89q4.197 0 8.194.4l1.8 125.92L31.171-2.89h14.291l-56.865 152.5z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="#fff" d="m54.52 100.27l-1.466-62.137q-6.396 2.398-9.993 7.506q-3.553 5.108-3.553 12.703q0 3.687 1.021 5.552q.223.355.223.622q-7.285 0-9.106-4.664q-.622-1.687-.622-4.175q0-4.575 2.843-8.794q2.887-4.264 7.417-7.55q10.35-7.285 21.674-7.285q1.866 0 3.642.179l.8 55.964l19.143-55.697h6.351L67.621 100.27z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconVala(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGoRKEI2uZ" x1="-18.592" x2="-18.592" y1="-81.414" y2="204.37" gradientTransform="translate(8.263 36.184)scale(.44444)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#a56de2"/><stop offset="1" stopColor="#7239b3"/></linearGradient><linearGradient id="SVG4rOXTkiy" x1="-13.699" x2="-13.699" y1="-7.486" y2="156.3" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#8b58c9"/><stop offset="1" stopColor="#743fb3"/></linearGradient><linearGradient id="SVG8SeuPcAy" x1="-13.699" x2="-13.699" y1="-7.486" y2="151.61" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#7548b2"/><stop offset="1" stopColor="#6639a4"/></linearGradient></defs><path fill="url(#SVGoRKEI2uZ)" d="M0 0h128v128H0z"/><path fill="url(#SVG4rOXTkiy)" d="M-25.893-7.887c-35.819 9.21-66.614 18.75-71.867 53.304c-.853 5.857-.584 11.676 1.414 17.254q3.374 8.646 15.094 10.168c3.065.415 14.252 2.487 13.982-2.466c-.287-1.668-1.31-3.517-2.125-5.442c-1.299-2.84-1.197-5.903-1.188-8.76c.447-10.028 3.083-18.524 7.92-25.479c3.81-5.409 8.67-9.8 14.572-13.184l3.14 133.11c0 1.953 1.289 2.991 3.828 2.991h29.88c2.154 0 2.995-.75 3.705-2.654C11.64 99.776 30.526 48.485 49.774-2.665c.255-2.592-2.415-3.57-4.312-4.229H31.425c-2.469-.084-3.92 1.346-4.424 2.826L-7.528 96.392L-9.7.502v-6.188l-4-1.813h-4a82 82 0 0 0-8.193-.4z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="url(#SVG8SeuPcAy)" d="M-40.88 149.61L-44.178 9.8q-14.39 5.396-22.485 16.889q-7.994 11.492-7.994 28.581q0 8.294 2.298 12.492q.5.8.5 1.4q-16.389 0-20.487-10.494q-1.4-3.797-1.4-9.393q0-10.293 6.397-19.787q6.495-9.594 16.689-16.99Q-47.375-3.89-21.893-3.89q4.197 0 8.194.4l1.8 125.92L31.171-2.89h14.291l-56.865 152.5z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="#fff" d="m54.52 100.27l-1.466-62.137q-6.396 2.398-9.993 7.506q-3.553 5.108-3.553 12.703q0 3.687 1.021 5.552q.223.355.223.622q-7.285 0-9.106-4.664q-.622-1.687-.622-4.175q0-4.575 2.843-8.794q2.887-4.264 7.417-7.55q10.35-7.285 21.674-7.285q1.866 0 3.642.179l.8 55.964l19.143-55.697h6.351L67.621 100.27z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGoRKEI2uZ" x1="-18.592" x2="-18.592" y1="-81.414" y2="204.37" gradientTransform="translate(8.263 36.184)scale(.44444)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a56de2"/><stop offset="1" stop-color="#7239b3"/></linearGradient><linearGradient id="SVG4rOXTkiy" x1="-13.699" x2="-13.699" y1="-7.486" y2="156.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8b58c9"/><stop offset="1" stop-color="#743fb3"/></linearGradient><linearGradient id="SVG8SeuPcAy" x1="-13.699" x2="-13.699" y1="-7.486" y2="151.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7548b2"/><stop offset="1" stop-color="#6639a4"/></linearGradient></defs><path fill="url(#SVGoRKEI2uZ)" d="M0 0h128v128H0z"/><path fill="url(#SVG4rOXTkiy)" d="M-25.893-7.887c-35.819 9.21-66.614 18.75-71.867 53.304c-.853 5.857-.584 11.676 1.414 17.254q3.374 8.646 15.094 10.168c3.065.415 14.252 2.487 13.982-2.466c-.287-1.668-1.31-3.517-2.125-5.442c-1.299-2.84-1.197-5.903-1.188-8.76c.447-10.028 3.083-18.524 7.92-25.479c3.81-5.409 8.67-9.8 14.572-13.184l3.14 133.11c0 1.953 1.289 2.991 3.828 2.991h29.88c2.154 0 2.995-.75 3.705-2.654C11.64 99.776 30.526 48.485 49.774-2.665c.255-2.592-2.415-3.57-4.312-4.229H31.425c-2.469-.084-3.92 1.346-4.424 2.826L-7.528 96.392L-9.7.502v-6.188l-4-1.813h-4a82 82 0 0 0-8.193-.4z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="url(#SVG8SeuPcAy)" d="M-40.88 149.61L-44.178 9.8q-14.39 5.396-22.485 16.889q-7.994 11.492-7.994 28.581q0 8.294 2.298 12.492q.5.8.5 1.4q-16.389 0-20.487-10.494q-1.4-3.797-1.4-9.393q0-10.293 6.397-19.787q6.495-9.594 16.689-16.99Q-47.375-3.89-21.893-3.89q4.197 0 8.194.4l1.8 125.92L31.171-2.89h14.291l-56.865 152.5z" transform="translate(72.688 35.556)scale(.44444)"/><path fill="#fff" d="m54.52 100.27l-1.466-62.137q-6.396 2.398-9.993 7.506q-3.553 5.108-3.553 12.703q0 3.687 1.021 5.552q.223.355.223.622q-7.285 0-9.106-4.664q-.622-1.687-.622-4.175q0-4.575 2.843-8.794q2.887-4.264 7.417-7.55q10.35-7.285 21.674-7.285q1.866 0 3.642.179l.8 55.964l19.143-55.697h6.351L67.621 100.27z"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGoRKEI2uZ%22%20x1%3D%22-18.592%22%20x2%3D%22-18.592%22%20y1%3D%22-81.414%22%20y2%3D%22204.37%22%20gradientTransform%3D%22translate(8.263%2036.184)scale(.44444)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23a56de2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237239b3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG4rOXTkiy%22%20x1%3D%22-13.699%22%20x2%3D%22-13.699%22%20y1%3D%22-7.486%22%20y2%3D%22156.3%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238b58c9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23743fb3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8SeuPcAy%22%20x1%3D%22-13.699%22%20x2%3D%22-13.699%22%20y1%3D%22-7.486%22%20y2%3D%22151.61%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237548b2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236639a4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGoRKEI2uZ)%22%20d%3D%22M0%200h128v128H0z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG4rOXTkiy)%22%20d%3D%22M-25.893-7.887c-35.819%209.21-66.614%2018.75-71.867%2053.304c-.853%205.857-.584%2011.676%201.414%2017.254q3.374%208.646%2015.094%2010.168c3.065.415%2014.252%202.487%2013.982-2.466c-.287-1.668-1.31-3.517-2.125-5.442c-1.299-2.84-1.197-5.903-1.188-8.76c.447-10.028%203.083-18.524%207.92-25.479c3.81-5.409%208.67-9.8%2014.572-13.184l3.14%20133.11c0%201.953%201.289%202.991%203.828%202.991h29.88c2.154%200%202.995-.75%203.705-2.654C11.64%2099.776%2030.526%2048.485%2049.774-2.665c.255-2.592-2.415-3.57-4.312-4.229H31.425c-2.469-.084-3.92%201.346-4.424%202.826L-7.528%2096.392L-9.7.502v-6.188l-4-1.813h-4a82%2082%200%200%200-8.193-.4z%22%20transform%3D%22translate(72.688%2035.556)scale(.44444)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8SeuPcAy)%22%20d%3D%22M-40.88%20149.61L-44.178%209.8q-14.39%205.396-22.485%2016.889q-7.994%2011.492-7.994%2028.581q0%208.294%202.298%2012.492q.5.8.5%201.4q-16.389%200-20.487-10.494q-1.4-3.797-1.4-9.393q0-10.293%206.397-19.787q6.495-9.594%2016.689-16.99Q-47.375-3.89-21.893-3.89q4.197%200%208.194.4l1.8%20125.92L31.171-2.89h14.291l-56.865%20152.5z%22%20transform%3D%22translate(72.688%2035.556)scale(.44444)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m54.52%20100.27l-1.466-62.137q-6.396%202.398-9.993%207.506q-3.553%205.108-3.553%2012.703q0%203.687%201.021%205.552q.223.355.223.622q-7.285%200-9.106-4.664q-.622-1.687-.622-4.175q0-4.575%202.843-8.794q2.887-4.264%207.417-7.55q10.35-7.285%2021.674-7.285q1.866%200%203.642.179l.8%2055.964l19.143-55.697h6.351L67.621%20100.27z%22%2F%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGoRKEI2uZ%22%20x1%3D%22-18.592%22%20x2%3D%22-18.592%22%20y1%3D%22-81.414%22%20y2%3D%22204.37%22%20gradientTransform%3D%22translate(8.263%2036.184)scale(.44444)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23a56de2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237239b3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG4rOXTkiy%22%20x1%3D%22-13.699%22%20x2%3D%22-13.699%22%20y1%3D%22-7.486%22%20y2%3D%22156.3%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238b58c9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23743fb3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8SeuPcAy%22%20x1%3D%22-13.699%22%20x2%3D%22-13.699%22%20y1%3D%22-7.486%22%20y2%3D%22151.61%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237548b2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236639a4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGoRKEI2uZ)%22%20d%3D%22M0%200h128v128H0z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG4rOXTkiy)%22%20d%3D%22M-25.893-7.887c-35.819%209.21-66.614%2018.75-71.867%2053.304c-.853%205.857-.584%2011.676%201.414%2017.254q3.374%208.646%2015.094%2010.168c3.065.415%2014.252%202.487%2013.982-2.466c-.287-1.668-1.31-3.517-2.125-5.442c-1.299-2.84-1.197-5.903-1.188-8.76c.447-10.028%203.083-18.524%207.92-25.479c3.81-5.409%208.67-9.8%2014.572-13.184l3.14%20133.11c0%201.953%201.289%202.991%203.828%202.991h29.88c2.154%200%202.995-.75%203.705-2.654C11.64%2099.776%2030.526%2048.485%2049.774-2.665c.255-2.592-2.415-3.57-4.312-4.229H31.425c-2.469-.084-3.92%201.346-4.424%202.826L-7.528%2096.392L-9.7.502v-6.188l-4-1.813h-4a82%2082%200%200%200-8.193-.4z%22%20transform%3D%22translate(72.688%2035.556)scale(.44444)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8SeuPcAy)%22%20d%3D%22M-40.88%20149.61L-44.178%209.8q-14.39%205.396-22.485%2016.889q-7.994%2011.492-7.994%2028.581q0%208.294%202.298%2012.492q.5.8.5%201.4q-16.389%200-20.487-10.494q-1.4-3.797-1.4-9.393q0-10.293%206.397-19.787q6.495-9.594%2016.689-16.99Q-47.375-3.89-21.893-3.89q4.197%200%208.194.4l1.8%20125.92L31.171-2.89h14.291l-56.865%20152.5z%22%20transform%3D%22translate(72.688%2035.556)scale(.44444)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m54.52%20100.27l-1.466-62.137q-6.396%202.398-9.993%207.506q-3.553%205.108-3.553%2012.703q0%203.687%201.021%205.552q.223.355.223.622q-7.285%200-9.106-4.664q-.622-1.687-.622-4.175q0-4.575%202.843-8.794q2.887-4.264%207.417-7.55q10.35-7.285%2021.674-7.285q1.866%200%203.642.179l.8%2055.964l19.143-55.697h6.351L67.621%20100.27z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vala.svg?color=%231a73e8&size=48