Ícone Vscode 16

nonicons:vscode-16

O ícone Vscode 16 (nonicons:vscode-16) é um ícone SVG gratuito da coleção Nonicons de yamatsum. Ele é desenhado em uma grade de 24 × 24. Nonicons 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: Nonicons
Autor: yamatsum
Licença: MIT
Tamanho: 24 × 24

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.573.275a1 1 0 0 0-.191.073c-.039.021-1.383 1.172-2.986 2.558S5.462 5.424 5.44 5.424s-.664-.468-1.427-1.04c-.762-.571-1.428-1.057-1.48-1.078c-.15-.063-.468-.05-.613.024C1.754 3.416.189 4.975.094 5.15a.74.74 0 0 0 .04.766c.041.057.575.557 1.185 1.11s1.107 1.015 1.102 1.026s-.495.442-1.091.957S.208 9.99.162 10.045a.75.75 0 0 0-.069.804c.096.175 1.659 1.734 1.827 1.821c.166.087.497.089.653.005c.059-.031.7-.502 1.424-1.046l1.318-.988l.109.1l2.73 2.473c1.846 1.671 2.666 2.396 2.772 2.453l.15.08h1.348l1.631-.814c1.5-.748 1.64-.823 1.748-.942c.213-.237.197.241.197-5.738c0-5.821.009-5.468-.151-5.699c-.058-.084-.41-.331-1.634-1.148c-.857-.572-1.613-1.065-1.68-1.095c-.1-.045-.187-.056-.482-.063c-.237-.005-.401.004-.48.027m1.699 2.305l1.233.82l.001 4.82l.001 4.82l-1.205.6l-1.204.6h-.569L8.66 11.644c-1.578-1.428-2.912-2.616-2.963-2.641c-.199-.094-.5-.101-.661-.014c-.034.018-.651.475-1.372 1.015c-.721.541-1.322.983-1.335.983c-.03 0-.477-.448-.461-.462c.673-.577 2.078-1.794 2.182-1.891c.086-.081.169-.192.21-.28c.057-.127.065-.174.054-.343c-.01-.158-.028-.223-.091-.324c-.053-.086-.454-.466-1.229-1.167l-1.15-1.04l.231-.233a2 2 0 0 1 .256-.234c.013 0 .644.465 1.4 1.033c1.496 1.123 1.537 1.148 1.81 1.116a1 1 0 0 0 .253-.069c.062-.029.503-.39.979-.802L7.96 5.265l2.187-1.89a192 192 0 0 1 1.879-1.614c.008-.001.568.368 1.246.819M11.64 4.257a2 2 0 0 0-.16.051c-.059.021-1.079.738-2.267 1.593C6.867 7.59 6.92 7.547 6.851 7.854a.56.56 0 0 0 0 .292c.068.307.017.264 2.362 1.953c1.188.855 2.214 1.576 2.28 1.601c.347.133.743-.029.929-.38l.071-.133V4.813l-.071-.133a.76.76 0 0 0-.369-.356c-.127-.056-.324-.088-.413-.067m-.66 4.5l-.007.757l-1.046-.75A41 41 0 0 1 8.881 8c0-.007.471-.351 1.046-.764l1.046-.75l.007.757a96 96 0 0 1 0 1.514"/></svg>

Como usar o ícone Vscode 16

React

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

<Icon icon="nonicons:vscode-16" width="24" />

Vue

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

<template>
  <Icon icon="nonicons:vscode-16" width="24" />
</template>

Svelte

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

<Icon icon="nonicons:vscode-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--vscode-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:vscode-16"></div>

Web component

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

<iconify-icon icon="nonicons:vscode-16"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/nonicons/vscode-16.svg" alt="Ícone Vscode 16" width="24" height="24">

O ícone Vscode 16 em outras coleções

Perguntas frequentes sobre Ícone Vscode 16

O ícone Vscode 16 é grátis para uso comercial?

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

Como uso o ícone Vscode 16 no React?

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

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

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

Ver todos os Nonicons →