Visual Studio Code Icons for Big Sur: A Guide

If you have any suggestions or requests for new icons, please file them in the main VSCode repo. To duplicate this page and make modifications, you can go ahead and create a copy to your drafts.

When creating custom icons for Visual Studio Code on Big Sur, it's essential to maintain consistency with our existing icon designs. To achieve this, simply select a color from the color library in the right panel (we have dark/light pairing for each one). You can also copy the SVG code if you'd prefer by right-clicking on the icon and going to Copy As > Copy As SVG.

If you need to re-use an existing icon, simply select the icon you want to export and click on Export in the right panel. For new users of Figma, we recommend checking out their getting started guide or YouTube channel for tutorials to learn more about using the design tool.

We will strive to keep the icons updated as much as possible. Additionally, these icons are available in a public Figma file linked to our master library, where you'll find both dark and light versions of each icon. This repository serves as a central storage location for all icons used in Visual Studio Code on Big Sur.

By following these guidelines and utilizing the resources provided, you can create custom icons that seamlessly integrate with the Visual Studio Code experience on Big Sur.

Visual studio code icon big sur