File Icons

File Icons Reference

Introduction

Aside from themes and color schemes, the plugin provides also a complete reskin to the projects’ file icons, making them prettier and easier to distinguish.

It’s heavily inspired by the A File Icon plugin for Sublime, which itself is inspired by Atom File Icons Atom plugin.

 

Note: There is also a standalone plugin for the icons only, called Atom File Icons IDEA, which is straight out taken from this plugin, so if you’d like to only have the icons without the themes, check this one.

Acknowledgements

All file icons have been built using the tools provided by A File Icon. Great thanks to @ihodev!

The icons themselves were taken from one of these sources:

How it works

Icons are matched based on a specific pattern in the filename:

  • According to the file extension (ex: .png, .js, .yml …)
  • According to the framework/library (ex: package.json, Gemfile, AndroidManifest.xml…)
  • According to certain keywords in the name (Redis, Cordova, Git…)

Finally, if the icon does not fall in any of the categories, it will either:

  • Get a generic category (Audio, Video, Archive, JSON)
  • Fallback to the original icon provided by JetBrains

To see the full associations list, see Associations

Reference

File Icons

3d.svg 3d
access.svg Access
actionscript.svg Actionscript
ada.svg Ada
adonis.svg Adonis
ae.svg Ae
ahk.svg Ahk
ai.svg Ai
akka.svg Akka
android.svg Android
angular.svg Angular
angularcomponent.svg Angularcomponent
angulardirective.svg Angulardirective
angularguard.svg Angularguard
angularpipe.svg Angularpipe
angularresolver.svg Angularresolver
angularrouting.svg Angularrouting
angularservice.svg Angularservice
ansible.svg Ansible
antlr.svg Antlr
apib.svg Apib
applescript.svg Applescript
appstore.svg Appstore
appstore_dark.svg Appstore_dark
appveyor.svg Appveyor
archive.svg Archive
arduino.svg Arduino
asciidoc.svg Asciidoc
asm.svg Asm
asp.svg Asp
atom.svg Atom
atom_dark.svg Atom_dark
audio.svg Audio
aurelia.svg Aurelia
authors.svg Authors
autoit.svg Autoit
aws.svg Aws
azure.svg Azure
babel.svg Babel
ballerina.svg Ballerina
bazel.svg Bazel
bean.svg Bean
behat.svg Behat
binary.svg Binary
bitbucket.svg Bitbucket
bithound.svg Bithound
blade.svg Blade
blank.svg Blank
blink.svg Blink
bookmark.svg Bookmark
bower.svg Bower
brainfuck.svg Brainfuck
bro.svg Bro
browserslist.svg Browserslist
bucklescript.svg Bucklescript
buildkite.svg Buildkite
bundle.svg Bundle
c.svg C
cabal.svg Cabal
cakephp.svg Cakephp
cargo.svg Cargo
certificate.svg Certificate
cf.svg Cf
cfc.svg Cfc
chef.svg Chef
circleci.svg Circleci
class.svg Class
clojure.svg Clojure
cmake.svg Cmake
cname.svg Cname
cobol.svg Cobol
codecov.svg Codecov
codeowners.svg Codeowners
coffeescript.svg Coffeescript
commitlint.svg Commitlint
compass.svg Compass
composer.svg Composer
config.svg Config
config_dark.svg Config_dark
cordova.svg Cordova
cpp.svg Cpp
credits.svg Credits
crystal.svg Crystal
csharp.svg Csharp
css.svg Css
css_dark.svg Css_dark
cssmap.svg Cssmap
csv.svg Csv
cucumber.svg Cucumber
cypress.svg Cypress
cython.svg Cython
dart.svg Dart
db.svg Db
default.svg Default
delphi.svg Delphi
diff.svg Diff
diff_dark.svg Diff_dark
django.svg Django
dlang.svg Dlang
docker.svg Docker
dotjs.svg Dotjs
dotnet.svg Dotnet
doxygen.svg Doxygen
drupal.svg Drupal
dts.svg Dts
dylib.svg Dylib
eclipse.svg Eclipse
editorconfig.svg Editorconfig
eiffel.svg Eiffel
ejs.svg Ejs
elm.svg Elm
emacs.svg Emacs
ember.svg Ember
erb.svg Erb
erlang.svg Erlang
eslint.svg Eslint
ex.svg Ex
excel.svg Excel
favicon.svg Favicon
finder.svg Finder
firebase.svg Firebase
fish.svg Fish
flash.svg Flash
flow.svg Flow
flow_dark.svg Flow_dark
font.svg Font
fortran.svg Fortran
freemarker.svg Freemarker
fsharp.svg Fsharp
gatsby.svg Gatsby
gemfile.svg Gemfile
ghostscript.svg Ghostscript
git.svg Git
github.svg Github
github_dark.svg Github_dark
gitlab.svg Gitlab
go.svg Go
godot.svg Godot
gradle.svg Gradle
graphcool.svg Graphcool
graphql.svg Graphql
graphviz.svg Graphviz
gridsome.svg Gridsome
groovy.svg Groovy
groovyFile.svg Groovyfile
gruntfile.svg Gruntfile
gulpfile.svg Gulpfile
hack.svg Hack
haml.svg Haml
haskell.svg Haskell
haxe.svg Haxe
hcl.svg Hcl
helm.svg Helm
heroku.svg Heroku
hh.svg Hh
history.svg History
houdini.svg Houdini
htaccess.svg Htaccess
html.svg Html
http.svg Http
husky.svg Husky
i18n.svg I18n
idea.svg Idea
idris.svg Idris
image.svg Image
indesign.svg Indesign
io.svg Io
ionic.svg Ionic
istanbul.svg Istanbul
j.svg J
jade.svg Jade
java.svg Java
jekyll.svg Jekyll
jenkins.svg Jenkins
jest.svg Jest
jinja.svg Jinja
jira.svg Jira
joomla.svg Joomla
jquery.svg Jquery
js.svg Js
jsmap.svg Jsmap
jsmin.svg Jsmin
json.svg Json
jsp.svg Jsp
jsx.svg Jsx
julia.svg Julia
jupyter.svg Jupyter
karma.svg Karma
karma_dark.svg Karma_dark
key.svg Key
kivy.svg Kivy
kl.svg Kl
knockout.svg Knockout
kotlin.svg Kotlin
lerna.svg Lerna
less.svg Less
lib.svg Lib
license.svg License
lint-staged.svg Lint-staged
liquid.svg Liquid
lisp.svg Lisp
livescript.svg Livescript
lock.svg Lock
log.svg Log
lsl.svg Lsl
lua.svg Lua
m.svg M
magento.svg Magento
makefile.svg Makefile
mako.svg Mako
manifest.svg Manifest
manpage.svg Manpage
markdown.svg Markdown
marko.svg Marko
markup.svg Markup
mathematica.svg Mathematica
matlab.svg Matlab
maven.svg Maven
maya.svg Maya
mdx.svg Mdx
mercurial.svg Mercurial
merlin.svg Merlin
meteor.svg Meteor
mint.svg Mint
mjml.svg Mjml
mocha.svg Mocha
mongodb.svg Mongodb
moonscript.svg Moonscript
mustache.svg Mustache
mxml.svg Mxml
nest.svg Nest
netlify.svg Netlify
netlify_headers.svg Netlify_headers
netlify_redirects.svg Netlify_redirects
nginx.svg Nginx
nib.svg Nib
nim.svg Nim
nodejs.svg Nodejs
nodemon.svg Nodemon
note.svg Note
now.svg Now
npm.svg Npm
nsis.svg Nsis
nuclide.svg Nuclide
nuget.svg Nuget
nunjucks.svg Nunjucks
nuxt.svg Nuxt
objc.svg Objc
ocaml.svg Ocaml
onenote.svg Onenote
openoffice.svg Openoffice
p4.svg P4
pascal.svg Pascal
patch.svg Patch
pdf.svg Pdf
perl.svg Perl
phalcon.svg Phalcon
phalcon_dark.svg Phalcon_dark
php.svg Php
phpunit.svg Phpunit
phtml.svg Phtml
pipfile.svg Pipfile
play.svg Play
plist.svg Plist
plugin.svg Plugin
pnpm.svg Pnpm
polymer.svg Polymer
postcss.svg Postcss
posthtml.svg Posthtml
postscript.svg Postscript
powerpoint.svg Powerpoint
powershell.svg Powershell
preferences.svg Preferences
premiere.svg Premiere
prettier.svg Prettier
prisma.svg Prisma
processing.svg Processing
procfile.svg Procfile
prolog.svg Prolog
protractor.svg Protractor
psd.svg Psd
pug.svg Pug
puppet.svg Puppet
purescript.svg Purescript
python.svg Python
r.svg R
racket.svg Racket
rails.svg Rails
rake.svg Rake
raml.svg Raml
razor.svg Razor
rdoc.svg Rdoc
react.svg React
readme.svg Readme
readme_dark.svg Readme_dark
reason.svg Reason
red.svg Red
redis.svg Redis
redux-action.svg Redux-action
redux-reducer.svg Redux-reducer
redux-store.svg Redux-store
redux.svg Redux
redux_dark.svg Redux_dark
restql.svg Restql
riot.svg Riot
robot.svg Robot
rollup.svg Rollup
rspec.svg Rspec
rst.svg Rst
rubocop.svg Rubocop
ruby.svg Ruby
rust.svg Rust
san.svg San
sapper.svg Sapper
sass.svg Sass
sbt.svg Sbt
scala.svg Scala
scd.svg Scd
scheme.svg Scheme
scss.svg Scss
semantic-release.svg Semantic-release
sequelize.svg Sequelize
settings.svg Settings
shell.svg Shell
silverstripe.svg Silverstripe
sketch.svg Sketch
slim.svg Slim
smarty.svg Smarty
snapshot.svg Snapshot
solidity.svg Solidity
sonar.svg Sonar
source.svg Source
spring.svg Spring
sql.svg Sql
sqlite.svg Sqlite
stata.svg Stata
stencil.svg Stencil
storybook.svg Storybook
stylelint.svg Stylelint
stylus.svg Stylus
sublime.svg Sublime
svelte.svg Svelte
svelte_config.svg Svelte_config
svg.svg Svg
svg_dark.svg Svg_dark
svn.svg Svn
swagger.svg Swagger
swc.svg Swc
swift.svg Swift
swig.svg Swig
symfony.svg Symfony
symfony_dark.svg Symfony_dark
tailwindcss.svg Tailwindcss
tcl.svg Tcl
tern.svg Tern
terraform.svg Terraform
test.svg Test
testgo.svg Testgo
testjava.svg Testjava
testjs.svg Testjs
testjs_dark.svg Testjs_dark
testpy.svg Testpy
testreact.svg Testreact
testruby.svg Testruby
testrust.svg Testrust
testts.svg Testts
tex.svg Tex
text.svg Text
textile.svg Textile
textmate.svg Textmate
todo.svg Todo
tomcat.svg Tomcat
toml.svg Toml
travis.svg Travis
tslint.svg Tslint
turing.svg Turing
twig.svg Twig
typeScript.svg Typescript
typedoc.svg Typedoc
typings.svg Typings
uml.svg Uml
unity.svg Unity
unreal.svg Unreal
v.svg V
v8.svg V8
vagrant.svg Vagrant
vala.svg Vala
velocity.svg Velocity
version.svg Version
vhdl.svg Vhdl
video.svg Video
vim.svg Vim
visio.svg Visio
vm.svg Vm
vs.svg Vs
vue.svg Vue
vuex.svg Vuex
wallaby.svg Wallaby
webassembly.svg Webassembly
webhint.svg Webhint
webpack.svg Webpack
wepy.svg Wepy
windows.svg Windows
word.svg Word
wordpress.svg Wordpress
wordpress_dark.svg Wordpress_dark
xamarin.svg Xamarin
xml.svg Xml
yaml.svg Yaml
yang.svg Yang
yarn.svg Yarn
yeoman.svg Yeoman
yt.svg Yt
yvmrc.svg Yvmrc

Folder Icons

android.svg Android
animations.svg Animations
api.svg Api
archive.svg Archive
audio.svg Audio
aws.svg Aws
benchmark.svg Benchmark
bower.svg Bower
ci.svg Ci
circleci.svg Circleci
class.svg Class
components.svg Components
config.svg Config
constants.svg Constants
container.svg Container
content.svg Content
controllers.svg Controllers
core.svg Core
coverage.svg Coverage
css.svg Css
custom.svg Custom
db.svg Db
debug.svg Debug
delta.svg Delta
dist.svg Dist
docker.svg Docker
docs.svg Docs
download.svg Download
dump.svg Dump
e2e.svg E2e
env.svg Env
error.svg Error
events.svg Events
examples.svg Examples
exclude.svg Exclude
expo.svg Expo
fixtures.svg Fixtures
flow.svg Flow
fonts.svg Fonts
functions.svg Functions
generated.svg Generated
git.svg Git
github.svg Github
global.svg Global
gradle.svg Gradle
graphql.svg Graphql
grunt.svg Grunt
guard.svg Guard
gulp.svg Gulp
helper.svg Helper
hook.svg Hook
i18n.svg I18n
icons.svg Icons
idea.svg Idea
images.svg Images
include.svg Include
ios.svg Ios
jinja.svg Jinja
job.svg Job
js.svg Js
json.svg Json
keys.svg Keys
kubernetes.svg Kubernetes
layouts.svg Layouts
less.svg Less
lib.svg Lib
logs.svg Logs
mailers.svg Mailers
maps.svg Maps
markdown.svg Markdown
maven.svg Maven
messages.svg Messages
meta.svg Meta
middleware.svg Middleware
mocks.svg Mocks
modals.svg Modals
models.svg Models
netlify.svg Netlify
node.svg Node
notification.svg Notification
nuxt.svg Nuxt
open.svg Open
other.svg Other
packages.svg Packages
php.svg Php
pipe.svg Pipe
plugin.svg Plugin
posts.svg Posts
prisma.svg Prisma
private.svg Private
providers.svg Providers
python.svg Python
react.svg React
redux-actions.svg Redux-actions
redux-reducers.svg Redux-reducers
redux-stores.svg Redux-stores
redux.svg Redux
relay.svg Relay
resource.svg Resource
reviews.svg Reviews
routes.svg Routes
ruby.svg Ruby
rules.svg Rules
sass.svg Sass
screens.svg Screens
scripts.svg Scripts
security.svg Security
server.svg Server
serverless.svg Serverless
shared.svg Shared
src.svg Src
stack.svg Stack
storybook.svg Storybook
styles.svg Styles
stylus.svg Stylus
sublime.svg Sublime
sync.svg Sync
syntax.svg Syntax
tasks.svg Tasks
temp.svg Temp
tests.svg Tests
themes.svg Themes
tools.svg Tools
ts.svg Ts
upload.svg Upload
utils.svg Utils
video.svg Video
views.svg Views
vm.svg Vm
vscode.svg Vscode
vue.svg Vue
vuex.svg Vuex
web.svg Web
webpack.svg Webpack
wordpress.svg Wordpress

Customization

If you want to add an icon, or add/remove/modify an association pattern to/from the list, you can submit a PR with the requested icon/change. Your request must follow those guidelines:

  • The icon must be an acknowledged icon, e.g. from one of the aforementioned resources. If you cannot find your icon in these resources but want to create one anyway, you must:
    • Have your icon as close as the original language/framework logo
    • Only use one color
    • The color must be one of those mentioned in Color Schemes
  • The icon must be in SVG format and its width and height must be 16x16.
  • The icon must not weigh too much (it rarely exceeds 5KB)
  • Add the icon in the src/resources/icons/files folder.

If you add an association, please bear in mind that:

  • The items are processed from top to bottom, so specific icons (like package.json) must come before generic icons (such as *.json).
  • Check that your association is not used or shadowed by another one.
  • Your association must make sense (e.g. not Verizon, *.000 or a.b)

Also please note that it’s preferable that your icon is actually of use, e.g. do not submit requests for a private framework that you use only in your company or of a personal choice (like “I prefer my html files to have the React icon” or something of the sort.)