Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Atom Material Icons + Jetbrains IconsNew to Visual Studio Code? Get it now.
Atom Material Icons + Jetbrains Icons

Atom Material Icons + Jetbrains Icons

SoulFriends

|
170 installs
| (0) | Free
Atom Material Icons for Visual Studio Code with wider Jetbrains Icons support
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Atom Material Icons + Jetbrains Icons

Best Icon Themes Especially in light themes

Switch Theme Or Modify the configuration will be automatically load the corresponding icon according to the light and dark theme

Rich and beautiful icons making the file look clearer

enjoy it!


logo

Atom Material Icons + Jetbrains Icons for VSCode

This plugin is a port of the Atom File Icons for VSCode.

It replaces the icons and folder icons with better suited icons, related to the file type, framework or language.

This plugin also use some file icon from jetbrains

Features

  • Replaces file icons with their relevant logo icons
    • According to their extension (.java, .php, .ruby...)
    • According to the framework (Android, NPM, RSpec...)
    • According to the program used in conjonction (Babel, Docker, CircleCI...)
    • According to the parent directory (.github/*, .vscode/*...)
    • And others...
  • Replaces folder icons:
    • From common patterns: src, main, app, img, docs...
    • From specific use cases: node_modules, .vscode, .git...
  • Dynamic Icon Packs: Choose which icon packs to enable
    • Angular Icon Pack: Special icons for Angular files (component.ts, service.ts, etc.)
    • NestJS Icon Pack: Special icons for NestJS files (controller.ts, module.ts, etc.)
    • For more Icon Packs, see Configuration

Configuration

This extension provides configurable icon packs that can be enabled or disabled based on your project needs default to disabled.:

Settings

  • atom-file-icon-with-jetbrains.iconpack-angular-old (boolean, default: false)

    • Enable Angular-specific old file icons for .component.ts, .service.ts, .module.ts, etc.
  • atom-file-icon-with-jetbrains.iconpack-angular-new (boolean, default: false)

    • Enable Angular-specific new file icons for .component.ts, .service.ts, .module.ts, etc.
  • atom-file-icon-with-jetbrains.iconpack-nest (boolean, default: false)

    • Enable NestJS-specific file icons for .controller.ts, .dto.ts, .entity.ts, etc.

How to Configure

  1. Open VS Code Settings (Ctrl/Cmd + ,)
  2. Search for "atom-file-icon-with-jetbrains"
  3. Toggle the desired icon packs
  4. The extension will automatically regenerate the icon theme

File Icons

File Icons

Folder Icons

Folder Icons

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft