ICONYZ
Português (Brasil)
Ícone V Dark de Skill Icons

Ícone V Dark

skill-icons:v-dark

O ícone V Dark (skill-icons:v-dark) é um ícone SVG gratuito da coleção Skill Icons de tandpfun. Ele é desenhado em uma grade de 256 × 256. Skill 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
Skill Icons
Autor
tandpfun
Licença
MIT
Tamanho
256 × 256
Tags
vdark
Baixar SVG

Código 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="#242938" rx="60"/><path fill="#536b8a" d="m159.906 222.623l67.749-188.394c1.148-3.195-.662-5.524-4.042-5.199l-53.278 5.133c-3.379.326-7.03 3.193-8.146 6.399L99.481 220.606c-1.117 3.206.733 5.809 4.128 5.809h51.858c1.697 0 3.542-1.297 4.116-2.895z"/><g filter="url(#SVGSmh8CbvI)"><path fill="#000" d="m152.178 223.52l-28.207-81.485l4.029-2.519l28.711 83.107z"/></g><path fill="#5d87bf" d="m32.387 29.03l53.278 5.133c3.38.326 7.034 3.192 8.156 6.396l64.034 182.953c.56 1.602-.363 2.903-2.061 2.903h-52.185c-3.395 0-7.085-2.594-8.234-5.789L28.345 34.229c-1.148-3.195.662-5.524 4.042-5.199"/><defs><filter id="SVGSmh8CbvI" width="58.502" height="109.765" x="111.09" y="126.635" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_148_1050" stdDeviation="6.44"/></filter></defs></g></svg>

Como usar o ícone V Dark

React

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

<Icon icon="skill-icons:v-dark" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:v-dark" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:v-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--v-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:v-dark"></div>

Web component

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

<iconify-icon icon="skill-icons:v-dark"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/v-dark.svg" alt="Ícone V Dark" width="24" height="24">

Ícones relacionados em Skill Icons

Perguntas frequentes sobre Ícone V Dark

O ícone V Dark é grátis para uso comercial?

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

Como uso o ícone V Dark no React?

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

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

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

Ver todos os Skill Icons →