🎨 PhpStorm Icon Theme

A VS Code icon theme extension inspired by JetBrains PhpStorm, meticulously designed for PHP and Laravel projects.

Bring a professional, familiar, and visually stunning IDE experience to VS Code for PHP/Laravel developers.

✨ Key Features

🎨 PhpStorm-Inspired Design

• Icons are carefully crafted to closely resemble PhpStorm's iconic icon set
• Specifically optimized for PHP files and Laravel folder structures
• Delivers a modern, consistent, and professional visual appearance

📁 Laravel-Aware Folder Mapping

Automatically assigns contextual icons based on directory structure, following Laravel conventions:

This behavior precisely mimics how PhpStorm categorizes and displays Laravel files.

⚙️ Configuration-Based Icon Assignment

Icons are assigned using:

• File extensions (.php, .blade.php, etc.)
• Directory names (app, models, controllers, ...)
• Specific file names (composer.json, artisan, .env, ...)

This ensures predictable and consistent icon rendering when working with Laravel projects.

🌐 Multi-Language Support

Beyond PHP and Laravel, this extension provides icons for:

Front-end: JavaScript, TypeScript, React, Vue.js, Angular, Svelte, Next.js, Vite
Styling: CSS, SCSS, Sass, Less, Tailwind, PostCSS
Testing: Jest, Vitest, Pest, PHPUnit
DevOps: Docker, Kubernetes, Terraform
Other Languages: Go, Python, Java, C++, C#, Rust, Ruby, Elixir, and more
Tools & Config: ESLint, Prettier, Webpack, Docker, Git, GitHub, GitLab, ...

📊 Comprehensive Icon Library

• 80+ custom folder icons
• 200+ file icons for various file types
• High-resolution design with clean aesthetics

💡 Smart Yet Practical

⚠️ VS Code Limitation:

• VS Code does not support assigning icons based on file content
• Icons cannot change based on whether a PHP file contains:
  • a class
  • an Exception
  • an Interface
  • an Enum

Solution: This extension uses directory structure (Laravel conventions) to assign icons—the only reliable approach currently supported by VS Code.

🧩 Clean & Professional Interface

• Improves project readability
• Enhances navigation in large Laravel codebases
• Provides a familiar experience for PhpStorm users transitioning to VS Code

📦 Installation

Method 1: From VS Code Marketplace (Easiest)

1. Open Extensions in VS Code (Ctrl+Shift+X)
2. Search for "PhpStorm Icon Theme"
3. Click Install

🎯 Usage

After installation, activate the theme:

1. Open Command Palette: Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS)
2. Type: File Icon Theme
3. Select: PhpStorm Icon Theme

📸 Preview

Here are some of the included icons:

📂 Folders

• app - Laravel application folder
• controllers - Controllers folder
• models - Models folder
• migrations - Database migrations folder
• config - Settings and configuration folder
• tests - Test files folder
• vendor - Dependencies folder
• .git, .github - Git repositories

📄 Files

• PHP - icon.php, controller.php, model.php
• Blade - *.blade.php
• Config - composer.json, artisan, .env
• Web - *.js, *.ts, *.jsx, *.tsx, *.vue
• Styling - *.css, *.scss, *.less
• Markup - *.html, *.xml
• Data - *.json, *.yaml, *.toml
• Utilities - package.json, tsconfig.json, vite.config.js, Dockerfile
• And 200+ additional file types

⚙️ Configuration

How to Activate the Theme

VS Code provides two ways to enable the theme:

1. Via Settings GUI:

• Navigate to Preferences → File Icon Theme
• Select PhpStorm Icon Theme

2. Via settings.json:

{
  "workbench.iconTheme": "phpstorm-icon"
}

Customizing Icons (Advanced)

To customize or extend the theme:

1. Fork the repository
2. Edit the icons/icon.json file
3. Add new SVG icons to the icons/file or icons/folder directories
4. Package and reinstall

📋 Complete Support List

Supported Directory Types

• Laravel: app, controllers, models, migrations, seeders, database, config, routes, views, resources
• Mobile: android, ios, macos, windows
• Backend: server, api, internal, lib, pkg
• Development: tests, .git, .github, .gitlab, .idea, .vscode
• Frontend: components, assets, resources
• DevOps: docker, kubernetes, server
• And many more

Supported File Extensions

• Languages: php, js, ts, py, go, java, rs, cs, rb, ex, erl, hs, lua, ...
• Web: html, css, scss, less, jsx, tsx, vue, svelte
• Database: sql, sqlite, mongodb
• Configuration: json, yaml, toml, env, xml, properties
• DevOps: dockerfile, docker-compose, kubernetes
• Testing: pest, phpunit, jest, vitest, pytest
• Build Tools: webpack, vite, tailwind, eslint, prettier, babel
• Package Managers: composer.json, package.json, Gemfile, Cargo.toml, go.mod
• And 200+ additional file extensions

📧 Contact & Support

• GitHub: phantriviethoang/icon
• Issues: Report bugs or request features at GitHub Issues

⭐ Love This Extension?

If you enjoy using this extension, please:

• ⭐ Star the repository on GitHub
• 💬 Leave a review on the VS Code Marketplace
• 🔗 Share with your community

Thank you for using PhpStorm Icon Theme!