Skip to content
File icons in Brackets' file tree
TypeScript CSS JavaScript
Branch: master
Clone or download

Latest commit


Type Name Latest commit message Commit time
Failed to load latest commit information.
examples Add eslintrc, fix #106 May 29, 2016
fonts Update devicons Jan 6, 2016
lib Fix issues with folder icons Jul 13, 2016
screenshots Add second screenshot (#99) Dec 18, 2015
styles added folder icons Jun 29, 2016
.gitignore Add gulp to compile typescript Jun 25, 2015 Add licenses of additional fonts May 28, 2015
gulpfile.js Update the Gulp file Jul 21, 2015
main.js Add new main.js Jun 25, 2015
package.json Bump version May 29, 2016 Add JSX to readme Dec 18, 2015

Brackets Icons

File icons in the file tree using Ionicons or Devicons

Brackets Icons

Supported files

The following files are supported out of the box at the moment:

  • JavaScript, JSX
  • JSON
  • TypeScript
  • CoffeeScript
  • LiveScript
  • Dart
  • Haml
  • HTML
  • SVG
  • XML
  • C, C++, C#
  • Swift
  • PHP, SQL
  • Java, Scala, Groovy, Manifests
  • Ruby, Embedded Ruby, RDoc, Cucumber Feature files
  • Perl
  • Lua
  • Haxe
  • VB, VBScript
  • Clojure
  • CSS, SASS, Less, Stylus
  • Python
  • QtQuick
  • Shell script, Batch
  • Jade
  • Handlebars
  • TXT
  • Log
  • Markdown
  • GIF
  • MP4, WebM, OGG
  • MP3, WAV
  • GitIgnore, GitModules
  • NPMIgnore, SlugIgnore
  • HTAccess, HTPasswd, Conf
  • YAML
  • Sqf
  • Project, Jscsrc, Jshintrc, Csslintrc, Htmlhintrc, Xmlhintrc, Todo, Classpath, Properties
  • VBProj, CSProj, Sln
  • Exe, Dll
  • Zip, Rar, 7z, Tgz, Tar, Gz, Bzip, Msi, Dmg
  • Tex, Bib, Sty
  • AppleScript, Textile, Matlab, Lisp, Xsl, Tcl, Rst, D, R

You can request more file formats by creating an issue. Choose the icon from Iconicons and add a color (in hex format) to the issue.

Or see the Customizability documentation below for how to use the Brackets preferences file to add icons for unsupported extensions and change the icons for already supported extensions.

How to install

Open Brackets, and click the extensions button on the right. Search for 'Brackets Icons' and click install.


You can choose the icon set in the view menu. You can choose between the icons of Ionicons (default, left image) and Devicons (right image).

Brackets Icons

Besides these presets, you can also customize specific extensions. For information on how to customize icons, click here.

How to build

If you don't grab the extension from the extension registry (see 'How to install'), you have to build it manually. You need to install node first. After that installation you can install the dependencies in a command line / terminal window.

npm install gulp -g
npm install

When you've installed the dependencies, you can build the project by running gulp in the terminal.


Brackets Icons is licensed under the MIT license. Ionicons and Devicons are also licensed under the MIT license.

You can’t perform that action at this time.