ICONYZ
Português (Brasil)
Ícone Vala de Devicon

Ícone Vala

devicon:vala

O ícone Vala (devicon:vala) é um ícone SVG gratuito da coleção Devicon de konpa. Ele é desenhado em uma grade de 128 × 128. Devicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Devicon
Autor
konpa
Licença
MIT
Tamanho
128 × 128
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>

Como usar o ícone Vala

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:vala" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:vala" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:vala" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--vala]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:vala"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:vala"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/devicon/vala.svg" alt="Ícone Vala" width="24" height="24">

Ícones relacionados em Devicon

O ícone Vala em outras coleções

Perguntas frequentes sobre Ícone Vala

O ícone Vala é grátis para uso comercial?

Sim. Devicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Vala no React?

Instale @iconify/react e renderize <Icon icon="devicon:vala" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Vala a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/devicon/vala.svg" alt="Ícone Vala">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Devicon →