outline
1. Cor
As cores originais do ícone são mantidas até você escolher uma nova cor.
2. Fundo da tela e transformações
3. Presets de animação vetorial ao vivo
Incluido na exportação SVG
Devicon
|
Marcas e logótipos tecnológicos
|
viewBox="0 0 128 128"
|
Marca do seu proprietário — use apenas para se referir à marca
Ícone SVG de Vscode
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Vscode - Marca do seu proprietário — use apenas para se referir à marca. Sem Cadastro | 100% no Seu Navegador
Aviso de marca comercial
Este logotipo é uma marca comercial do seu proprietário. Use este arquivo apenas para se referir a essa marca, por exemplo em artigos, análises ou guias. Não o use de forma que sugira endosso, parceria ou afiliação, e não o venda nem o redistribua como se fosse o seu próprio logotipo.
MIT - Licença apenas para o arquivo SVG — os direitos de marca não estão incluídos
Downloads instantaneos vetoriais e de alta resolucao
As cores originais do ícone são mantidas até você escolher uma nova cor.
Pacote com créditos
devicon-original-vscode.svg (3.700 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="36" height="36" role="img" aria-label="Vscode icon"><title>Vscode - Devicon icon</title><desc>Free Vscode vector icon from the Devicon open-source icon library; brand style, MIT licence, viewBox 0 0 128 128, 3404 bytes.</desc><mask id="nx17103_a" width="128" height="128" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" fill-rule="evenodd" d="M90.767 127.126a7.968 7.968 0 0 0 6.35-.244l26.353-12.681a8 8 0 0 0 4.53-7.209V21.009a8 8 0 0 0-4.53-7.21L97.117 1.12a7.97 7.97 0 0 0-9.093 1.548l-50.45 46.026L15.6 32.013a5.328 5.328 0 0 0-6.807.302l-7.048 6.411a5.335 5.335 0 0 0-.006 7.888L20.796 64 1.74 81.387a5.336 5.336 0 0 0 .006 7.887l7.048 6.411a5.327 5.327 0 0 0 6.807.303l21.974-16.68 50.45 46.025a7.96 7.96 0 0 0 2.743 1.793Zm5.252-92.183L57.74 64l38.28 29.058V34.943Z" clip-rule="evenodd"/></mask><g mask="url(#nx17103_a)"><path fill="#0065A9" d="M123.471 13.82 97.097 1.12A7.973 7.973 0 0 0 88 2.668L1.662 81.387a5.333 5.333 0 0 0 .006 7.887l7.052 6.411a5.333 5.333 0 0 0 6.811.303l103.971-78.875c3.488-2.646 8.498-.158 8.498 4.22v-.306a8.001 8.001 0 0 0-4.529-7.208Z"/><g filter="url(#nx17103_b)"><path fill="#007ACC" d="m123.471 114.181-26.374 12.698A7.973 7.973 0 0 1 88 125.333L1.662 46.613a5.333 5.333 0 0 1 .006-7.887l7.052-6.411a5.333 5.333 0 0 1 6.811-.303l103.971 78.874c3.488 2.647 8.498.159 8.498-4.219v.306a8.001 8.001 0 0 1-4.529 7.208Z"/></g><g filter="url(#nx17103_c)"><path fill="#1F9CF0" d="M97.098 126.882A7.977 7.977 0 0 1 88 125.333c2.952 2.952 8 .861 8-3.314V5.98c0-4.175-5.048-6.266-8-3.313a7.977 7.977 0 0 1 9.098-1.549L123.467 13.8A8 8 0 0 1 128 21.01v85.982a8 8 0 0 1-4.533 7.21l-26.369 12.681Z"/></g><path fill="url(#nx17103_d)" fill-rule="evenodd" d="M90.69 127.126a7.968 7.968 0 0 0 6.349-.244l26.353-12.681a8 8 0 0 0 4.53-7.21V21.009a8 8 0 0 0-4.53-7.21L97.039 1.12a7.97 7.97 0 0 0-9.093 1.548l-50.45 46.026-21.974-16.68a5.328 5.328 0 0 0-6.807.302l-7.048 6.411a5.336 5.336 0 0 0-.006 7.888L20.718 64 1.662 81.386a5.335 5.335 0 0 0 .006 7.888l7.048 6.411a5.328 5.328 0 0 0 6.807.303l21.975-16.681 50.45 46.026a7.959 7.959 0 0 0 2.742 1.793Zm5.252-92.184L57.662 64l38.28 29.057V34.943Z" clip-rule="evenodd" opacity="0.25" style="mix-blend-mode:overlay"/></g><defs><filter id="nx17103_b" width="144.744" height="113.408" x="-8.41115" y="22.5944" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="4.16667"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" mode="overlay" result="effect1_dropShadow_1_36"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1_36" result="shape"/></filter><filter id="nx17103_c" width="56.6667" height="144.007" x="79.6667" y="-8.0035" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="4.16667"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" mode="overlay" result="effect1_dropShadow_1_36"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1_36" result="shape"/></filter><linearGradient id="nx17103_d" x1="63.9222" x2="63.9222" y1="0.329902" y2="127.67" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></svg>
Verificação de fonte e licença
LICENSE.txt
Library: Devicon | Author: Devicon Contributors | License: MIT | Source: https://github.com/devicons/devicon | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#devicon
#original
#vscode
#brands
#brand
Vscode - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Vscode
| Identificador canonico do arquivo | devicon/devicon-original-vscode |
|---|---|
| Pacote da biblioteca de origem | Devicon |
| Grade de coordenadas e viewBox | viewBox="0 0 128 128" |
| Peso sem compressão | 3.700 bytes (~2.035 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Licença apenas para o arquivo SVG — os direitos de marca não estão incluídos |
| Upstream Source | https://github.com/devicons/devicon |
| Formatos de exportação aceitos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de segurança e privacidade | Sem Cadastro | 100% no Seu Navegador |
Como usar e personalizar este ícone: Vscode
- Personalize visualmente: Cor, Automatico (traço e preenchimento), Espessura do traço (
0.5px-4px), Presets de animação vetorial ao vivo - Baixe o vetor ou a imagem: Descarregar SVG, PNG (transparente), WebP (otimizado) (
2048x2048 px) - Copie o código do framework: Copie código pronto para React, Next.js, Vue 3, Svelte, Angular, HTML e mascaras CSS.
- Edição vetorial avancada: Editar no editor SVG (77.087)
Dica de acessibilidade (WCAG 2.1): Oculte ícones decorativos com aria-hidden e focusable false. De um aria-label claro para botoes com apenas ícone. Espelhe setas na horizontal para idiomas da direita para a esquerda.
devicon-original-vscode.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("Vscode")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Marcas e logótipos tecnológicos
Exploraroutline
Vscode
SVG Icons Collection|interfaceoutline
Vscode
MingCute Icons|interfacesolid
Vscode
MingCute Icons Fill|interface3d
Vscode
3D Vector Icons|3d-iconsbrand
Mitsubishi
Authentic Brand Logos|brandsbrand
Internlm Text
LobeHub Icons|brands
Dev To Logo
Phosphor Icons|brands
Krea Text
LobeHub Icons|brands
Bar Assistant
selfh.st Icons|brands
Cockpit Cms
Dashboard Icons|brands
Singapore Airlines
Authentic Brand Logos|brands
Beeper
selfh.st Icons|brands
Concourse
Dashboard Icons|brands
Bentopdf Dark
selfh.st Icons|brands
Control D
Dashboard Icons|brands
Aws Cat Business Applications
Authentic Brand Logos|brands
Fediverse Logo
Phosphor Icons|brands
Brand Eslint
3D Vector Icons|brands
File Vue
Phosphor Icons|brands
Nebius
LobeHub Icons|brands
Brand Ikea
3D Vector Icons|brands
Brand Audible
Tabler Icons|brands
Brand Ember
Tabler Icons|brands
Brand Finder
Tabler Icons|brandsExplorar mais
Perguntas frequentes
Vscode - Perguntas frequentes
Em que formatos posso baixar Vscode? +
Vscode é um vetor de estilo brand (viewBox 0 0 128 128). Baixe SVG, PNG, WebP ou ICO, ou copie código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 nesta página.
De onde vem o ícone Vscode? +
Vscode faz parte da biblioteca Devicon de Devicon Contributors, na categoria Marcas e logótipos tecnológicos. O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
100% no Seu Navegador | 77.087 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.