zzos/vscode

Fork 0

mirror of https://github.com/microsoft/vscode.git synced 2026-09-28 05:14:12 +08:00

Files

T

History

b40d363fe4 Introduce modern file icon theme with new SVG assets (#329568 )

* feat: add modern file icon theme with SVG assets and configuration

* fix: add missing newlines at the end of SVG and JSON files

* feat: add TypeScript icon and update README for modern icon theme

Co-authored-by: Copilot <copilot@github.com>

* fix: add missing newline at the end of typescript.svg

* feat: add modern icons for Apple, Argdown, ASM, and Audio file types

Co-authored-by: Copilot <copilot@github.com>

* Add new SVG icons for various file types in the modern theme

- Added video.svg for video files
- Added vue.svg for Vue.js files
- Added wasm.svg for WebAssembly files
- Added wat.svg for Wat files
- Added webpack.svg for Webpack files
- Added wgt.svg for WGT files
- Added windows.svg for Windows files
- Added word.svg for Word documents
- Added xls.svg for Excel files
- Added xml.svg for XML files
- Added yarn.svg for Yarn files

* feat: add update script and implement icon theme generator

Co-authored-by: Copilot <copilot@github.com>

* feat: implement currentColor support for image icons in file icon theme

* fix: add missing newline at the end of fileIconThemeData.test.ts

* feat: update SVG icons and integrate them into the modern icon theme

Co-authored-by: Copilot <copilot@github.com>

* feat: remove old SVG icons and add new icons for file and folder types

Co-authored-by: Copilot <copilot@github.com>

* feat: update README and icon theme to reflect currentColor support; remove unused SVG icons

Co-authored-by: Copilot <copilot@github.com>

---------

Co-authored-by: mrleemurray <mrleemurray@users.noreply.github.com>
Co-authored-by: Copilot <copilot@github.com>

2026-08-07 10:38:02 +00:00

fileicons

…

package.json

…

package.nls.json

…

README.md

…

README.md

VS Code Modern Icons

This built-in file icon theme provides a monochrome icon set. Image icons are rendered as masks filled with the current VS Code foreground color, so only the shape of each icon matters.

Design source

The A group comes from Ticket 1862 - VSCode 3rd Party Seti:

apple (4584:939)
argdown (4584:941)
asm (4584:943)
audio (4584:945)

Asset format

Use standalone SVG files with a 16 16 view box and a transparent background.
Use currentColor for monochrome fill and stroke colors. This theme renders image icons as masks so they inherit the surrounding VS Code foreground color.
Do not include scripts, external resources, embedded fonts, CSS variables, or raster images inside SVG files.
Optimize paths and align strokes to the 16-pixel canvas.
Because icons are rendered as masks, only their shape is used. Colors, including light and high-contrast variants, are ignored.
Name files in lowercase kebab case and place them in fileicons/images.

Theme mappings

Add each asset to iconDefinitions in fileicons/vscode-modern-icons-icon-theme.json, then reference it using one or more of:

fileExtensions
fileNames
languageIds
folderNames
folderNamesExpanded
rootFolderNames
rootFolderNamesExpanded

Mappings are case-insensitive. Extension keys do not include a leading period, and filename keys do not include path segments.