Codicons: The Icon Font for Visual Studio Code

Welcome to Codicons, the official icon font for Visual Studio Code. This project provides the tools and source files to convert the entire VS Code icon set into a versatile icon font.

Codicons preview

This documentation provides a comprehensive guide for developers looking to use Codicons in their projects or contribute to the icon set itself.

Key Features

  • Comprehensive Icon Set: Includes hundreds of icons used throughout the Visual Studio Code UI.
  • Font Generation: Uses fantasticon to build a lightweight and performant .ttf font file from source SVGs.
  • Multiple Formats: The build process generates CSS stylesheets, SVG sprites, and TypeScript definition files for easy integration into any web project.
  • Optimized SVGs: Source icons are automatically optimized using SVGO to ensure consistency and small file sizes.
  • Live Preview: A searchable preview page is generated with every build, allowing you to easily find and reference any icon.

Official Icon Library

You can browse, search, and preview all available icons on the official lookup page:

Visual Studio Codicon Lookup


Ready to get started? Head over to the Installation guide to add Codicons to your project.