NewAge Icons

A modern, vivid and semantic File Icon Theme for Visual Studio Code.

Minimal shapes. Strong colors. Fast recognition.

About

NewAge Icons is a file icon theme focused on readability inside the VS Code Explorer.

The visual system combines minimal geometry, vivid colors and semantic symbols so files and folders can be recognized quickly without making the interface noisy.

Current release: v1.0.3.

Highlights

• Minimal icons designed specifically for Explorer-size rendering.
• Strong colors with recognizable shapes.
• Semantic folder markers for common project responsibilities.
• Dedicated icons for popular languages, frameworks, tools and configuration files.
• Consistent 24×24 SVG canvas.
• Closed and expanded folder states.
• JSON files intentionally share the same {} visual language for consistency.
• Original artwork created for NewAge Icons.

Language and technology support

NewAge Icons includes mappings for:

• JavaScript and TypeScript
• JSX and TSX / React
• HTML and CSS
• Vue, Angular and Svelte
• Node.js
• Python
• PHP
• Java
• C, C++ and C#
• Go
• Rust
• Ruby
• Kotlin
• Swift
• Dart and Flutter
• SQL
• GraphQL
• Prisma
• Markdown
• JSON, YAML and XML
• Shell and PowerShell
• Git and GitHub
• Docker
• package managers
• linters and formatters
• test tools
• common framework and build configuration files

Semantic folders

Folder mappings include common project structures such as:

src, app, api, controllers, services, repositories, routes, middlewares, components, pages, views, layouts, hooks, utils, config, database, migrations, models, schemas, types, interfaces, errors, auth, security, tests, public, assets, docs, build, dist, .github, .vscode, Docker and Prisma.

Installation

From the Visual Studio Code Marketplace

Once the extension is published:

1. Open Extensions in VS Code.
2. Search for NewAge Icons.
3. Click Install.
4. Open the Command Palette with Ctrl + Shift + P.
5. Run Preferences: File Icon Theme.
6. Select NewAge Icons.

From a VSIX

Build the extension:

npm install
npm run package

Then in VS Code:

1. Open Extensions.
2. Open the ... menu.
3. Choose Install from VSIX....
4. Select the generated .vsix.
5. Activate NewAge Icons from Preferences: File Icon Theme.

Local development

npm install
npm run check

Then:

1. Open this repository in VS Code.
2. Press F5 and choose Run NewAge Icons.
3. In the Extension Development Host, run Preferences: File Icon Theme.
4. Select NewAge Icons.
5. Open the demo/ folder to inspect the mappings.

Project structure

newage-icons/
├── icons/
│   ├── configs/
│   ├── files/
│   ├── folders/
│   ├── languages/
│   └── tools/
├── themes/
│   └── newage-icon-theme.json
├── scripts/
│   ├── mappings.mjs
│   ├── build-theme.mjs
│   └── validate.mjs
├── images/
│   ├── newage-icons-logo.png
│   └── icon.png
├── demo/
├── .vscode/
├── package.json
├── README.md
├── CHANGELOG.md
├── DESIGN_SYSTEM.md
├── SETI_ATTRIBUTION.md
├── TRADEMARKS.md
└── LICENSE

Architecture

package.json registers the theme through contributes.iconThemes.

scripts/mappings.mjs is the maintainable source for file extensions, filenames, language IDs and folder aliases.

Running:

npm run build

scans the SVG assets and generates:

themes/newage-icon-theme.json

Validation

Run:

npm run check

This rebuilds the theme and validates:

• icon mapping targets;
• SVG file existence;
• the standard 24×24 viewBox;
• case-insensitive duplicate mappings;
• generated theme references.

Publishing

The project is prepared for packaging with the official VS Code extension tooling.

npm install
npm run check
npm run package

This generates the .vsix package used for local testing and Marketplace publishing.

Before publishing, replace the current publisher value in package.json with the exact Publisher ID created in the Visual Studio Marketplace.

Do not commit access tokens or publishing credentials to this repository.

Repository

• Repository: https://github.com/bynyck/newage-icons
• Issues: https://github.com/bynyck/newage-icons/issues

Contributing

When adding a new icon:

1. Keep the artwork on the 24×24 system.
2. Prefer clean SVG geometry that remains legible at small sizes.
3. Add or update mappings in scripts/mappings.mjs.
4. Run npm run check.
5. Inspect the result in the Extension Development Host.

See DESIGN_SYSTEM.md for the visual rules used by the project.

Credits and trademarks

NewAge Icons contains original SVG artwork.

Some language, framework and tool names or logos may be trademarks of their respective owners. Their use is for identification purposes only.

See:

• TRADEMARKS.md
• SETI_ATTRIBUTION.md

License

MIT © NewAge Icons contributors.

NewAge Icons
Modern icons for a cleaner VS Code Explorer.