VSCode IconsIcons
Browse 1660 free VSCode Icons multi-color icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Roberto Huertas. Styles: Has Padding.
More SVG Icons
default-file
default-folder
default-folder-opened
default-root-folder
default-root-folder-opened
file-type-access
file-type-access2
file-type-actionscript
file-type-actionscript2
file-type-ada
file-type-advpl
file-type-affectscript
file-type-affinity
file-type-affinitydesigner
file-type-affinityphoto
file-type-affinitypublisher
file-type-agda
file-type-agents
file-type-ai
file-type-ai2
file-type-aikido
file-type-al
file-type-al-dal
file-type-alchemy
file-type-allcontributors
file-type-alloy
file-type-allure
file-type-angular
file-type-ansible
file-type-antlers-html
file-type-antlr
file-type-anyscript
file-type-apache
file-type-apib
file-type-apl
Recently added in VSCode Icons
50 icons added on 30 September 2026. See every pack's latest additions
file-type-affectscript
file-type-azureresourcemanager
file-type-brakeman
file-type-cadence
file-type-changelogen
file-type-csv
file-type-devprune
file-type-golangci
file-type-heroku
file-type-light-heroku
file-type-light-mongo
file-type-moniq
file-type-ohpm
file-type-overmind
file-type-packer
file-type-pdf
file-type-proteus
file-type-tablegen
file-type-xposed
file-type-zsh
folder-type-alpine
folder-type-alpine-opened
folder-type-arch
folder-type-arch-opened
folder-type-auth
folder-type-auth-opened
folder-type-fedora
folder-type-fedora-opened
folder-type-gentoo
folder-type-gentoo-opened
folder-type-light-alpine
folder-type-light-alpine-opened
folder-type-light-fedora
folder-type-light-fedora-opened
folder-type-light-ocx
folder-type-light-ocx-opened
folder-type-ocx
folder-type-ocx-opened
folder-type-ohpm
folder-type-ohpm-opened
folder-type-redhat
folder-type-redhat-opened
folder-type-schema
folder-type-schema-opened
folder-type-slackware
folder-type-slackware-opened
folder-type-suse
folder-type-suse-opened
Showing 48 of 50 new icons. Search the browser above to find the rest.
Copy & download VSCode Icons icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, installand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About VSCode Icons
Pack Details
Version
13.0.0
Color Support
Multi-color
Category
Programming
In 2 collections
How to use VSCode Icons icons
Icon Set Version
v13.0.0
License SPDX
MIT
Grid Size
32px
Display Size
16px
Sample Icons
file-type-actionscript2, file-type-json, file-type-manifest
Via Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="vscode-icons:icon-name" width={24} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:icon-name" width="24"></iconify-icon>Frequently Asked Questions
Is VSCode Icons free for commercial use?
How do I download VSCode Icons SVG icons?
How many icons are in VSCode Icons?
Are VSCode Icons icons full-color or monochrome?
Which icon collections include VSCode Icons?
Can I use VSCode Icons with React, Next.js or shadcn/ui?
@iconify-json/vscode-icons and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.