Octicons, Codicons, and Lucide as file icon themes
File icon themes for Visual Studio Code. Based on atom-unfancy-file-icons package.
- Lucide icon theme — new third theme variant alongside Octicons and Codicons
- Updated icon fonts — Octicons and Codicons updated to latest versions
- Smaller extension size — bundled fonts trimmed to only the glyphs actually used
- Expanded file type coverage — significantly more file extensions, file names, and language IDs recognized
- Use icons from Octicons, Codicons, and Lucide only
- Use a simple color code (with a few exceptions when it make more sense,
like for Ruby files) which works as follow:
- green for source files
- yellow for header, template, and stylesheet files
- violet for data files (
json,yml,csv, etc) - orange for scripts (
sh,bat,cmd, etc) - cyan for documentation files (
md,tex,pdf, etc) - blue for media files (images, videos, art software files, etc)
- red for ignore and lock files (
.gitignore,package-lock.json, etc) - gray for other files and directories
- Use generic icons rather than trying to find one for each file extension (except when an icon fits the file type, like with Ruby files)
# Install dependencies
npm install
# Build theme
npm run build
# Run tests
npm test
# Lint code
npm run lint
# Fix linting issues
npm run lint:fixClick to view screenshots
![]()
Theme: Dark (Visual Studio), Icon theme: Unfancy file icons (Octicons)
![]()
Theme: Light (Visual Studio), Icon theme: Unfancy file icons (Octicons)
![]()
Theme: Dark (Visual Studio), Icon theme: Unfancy file icons (Codicons)
![]()
Theme: Light (Visual Studio), Icon theme: Unfancy file icons (Codicons)
![]()
Theme: Dark (Visual Studio), Icon theme: Unfancy file icons (Lucide)
![]()
Theme: Light (Visual Studio), Icon theme: Unfancy file icons (Lucide)
See LICENSE for Codicons. See LICENSE for Octicons. See LICENSE for Lucide.
Other files in this repository are licensed under the MIT License.