Shop Mobile More Submit  Join Login
Atom File Icons by BStevenson Atom File Icons by BStevenson

A collection of custom Atom file-type icons


I have been using Atom as my go-to editor for a little while now and also been developing a few packages, and though I enjoy many of Atom's "hackable" aspects, I've found it can be tedious to look through the files of a large project as different file-types can be difficult to discern.  In response, I've created these icons to be tastefully unique to enable users to navigate projects with ease.

I originally made this icon collection for my own use, but after a few others showed interest I thought I might as well share them for anyone looking to customize their files. I'm currently finishing up some more file-type icons, so if you like these, check back soon!
Also, If you'd like to request an icon for a new file-type, make sure to submit your suggestions here, with an "enhancement" label.

I'll do my best to fulfill any submitted icon requests, but also feel free to create/modify/contribute your own using the tools provided here

File Types:

  • .cpp
  • .coffee
  • .css
  • .htmlTypes
  • .java
  • .js
  • .json
  • .md
  • .py
  • .rb
  • .txt

For more information, updates, or to contribute to this collection, visit the 
GitHub Page


Using these icons on OS X is fairly easy, just repeat the steps used to replace an application icon. Yet, modifying the filetype icons on Windows usually requires third-party tools. Personally, I have had pretty consistent results using Types, though feel free to leave a comment below if you have knowledge of a better resource.   

Please don't post issues or help requests on deviantArt. Instead, please use the "Issues" feature on the GitHub page to report any issues or feature requests, to insure that they are seen and addressed.

Dribbble Icon mini For any dribbble users, I'm currently a prospect and would be forever grateful for an invitation!

Add a Comment:
josedelpg Featured By Owner Apr 6, 2017  Hobbyist Interface Designer
How do I apply them as the default icon for a file type in mac? Thanks in advance :)
BStevenson Featured By Owner Apr 18, 2017  Hobbyist Interface Designer
Honestly, it's been awhile since I've owned a computer running OS X, though I remember the process being much simpler than on Windows. I'm sure if you just search "how to change the icons for file extensions on OS X" you'll find a better answer than I'd be able to provide at this point.
tunabolism Featured By Owner Mar 28, 2017
Nice work!, Is it possible to change individual file type icons on windows?, for example when you change the icon for .css files, it also changes .js files, and vice versa..
BStevenson Featured By Owner Mar 29, 2017  Hobbyist Interface Designer
As a fellow Windows user, I know that it is definitely possible. Though in my experience, I've found the process to be very finicky. I've tried a couple different tools so far, though they each seem to have similar problems to what you mentioned, which can usually be remedied with some experimentation.
One thing you want to look out for is that you're assigning the new icon to the filetype itself and not the default application used to open that type of file, in which case all of the filetypes associated with that application will change as well.

Though, as I mentioned in the description, I too would love to hear from any other Windows users that have found a solution to this issue.
BStevenson Featured By Owner May 17, 2017  Hobbyist Interface Designer
After quite a bit of searching and dead hyperlinks, I was finally able to find the active web page for the file-type manager I've been using to modify file-type icons.
The program is called Types, and although it's fairly no-frills application it has provided the best results of any I've tried so far.
If you give it a try, definitely let me know how it goes.
tunabolism Featured By Owner Mar 31, 2017
The only "workaround" atm, is to set different file types/extensions to different apps, for example: .js to Sublime Text, .css to Brackets, .html to the browser, etc., now every file type has it's own icon, but it's kinda frustrating since you gotta right click on files every time, to open it with Atom or whatsoever.
math0ne Featured By Owner Mar 27, 2017
awesome, daily user of atom!
BStevenson Featured By Owner Mar 27, 2017  Hobbyist Interface Designer
That's great to hear! Let me know if there are any additional file-types you would like to see added to this collection in the future.
math0ne Featured By Owner Mar 28, 2017
scss?  md?
BStevenson Featured By Owner Mar 29, 2017  Hobbyist Interface Designer
The icon for Markdown files is already included in the collection, though I will definitely put .scss files on the list for future releases. ;) (Wink) 
sed Featured By Owner Mar 23, 2017
EXLNT! Flips-Emote by DWALKER1047
tomeCar Featured By Owner Mar 21, 2017  Hobbyist Artist
This is cool shit idea....
Deviant-User01 Featured By Owner Sep 20, 2016
Cool and nice icons! I love it! :D
BStevenson Featured By Owner Oct 7, 2016  Hobbyist Interface Designer
Add a Comment:


Submitted on
September 19, 2016
File Size
922 KB


835 (2 today)
20 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.