vscode-symbols

A file icon theme for VS Code

Icon set
miguelsolorio/vscode-symbols

README


vscode-symbols


A file icon for VS Code

Preview of extension

Contributing


If you'd like to contribute to this extension, please take a look at the issues or create a new one. If you'd like to create a new icon, please reference the Symbols - File Icon Figma file, you can make a copy or reference the styles used (tailwind). Please try to limit your colors to the ones used in existing icons before choosing a different color style.

When submitting a PR, please ensure you've tested the extension locally and ensure that your new icons appear correctly in the file tree view with your new file extension. Include a screenshot of your proposed icon in your PR.

Configuration


You can configure which folders and files icons are displayed by using the following settings:

Folders


  1. ```json
  2. "symbols.folders.associations": {
  3.     "{folder name}": "{icon name}"
  4. }
  5. ```

And here is an example using this setting:

  1. ```json
  2. "symbols.folders.associations": {
  3.     "entities": "folder-assets",
  4.     "infra": "folder-app",
  5.     "schemas": "folder-purple"
  6. }
  7. ```

Files


  1. ```json
  2. "symbols.files.associations": {
  3.     "{file name}": "{icon name}"
  4. }
  5. ```

And here is an example:

  1. ```json
  2. "symbols.files.associations": {
  3.     "app.module.ts": "nest",
  4.     "*.service.ts": "nest"
  5. }
  6. ```

_Note: For file names, you can use * to match all files with a specific file extension._

Icon Previews


You can choose which icons to use from the Library: