Atom App Icons

A project for custom Atom Icons. All Rights Reserved with Github and the respective owners of the themes I am using. Inspired from vscode-icons, a similar project for Visual Studio Code by @dhanishgajjar

Available Icons

Total Icons Available: 601

Material Series

These icons were contributed by: @haideralipunjabi

Icons in this series: 19

Social Media Series

These icons were contributed by: @haideralipunjabi

Icons in this series: 8

Popular Themes

These icons were contributed by: @haideralipunjabi

Icons in this series: 14

Citylights

These icons were contributed by: @noudadrichem

Icons in this series: 2

Harry Potter

These icons were contributed by: @haideralipunjabi

Icons in this series: 9

Flags of Countries

These icons were contributed by: @haideralipunjabi

Icons in this series: 300

Popular Websites

These icons were contributed by: @maticbasle

Icons in this series: 10

Apps

These icons were contributed by: @haideralipunjabi

Icons in this series: 8

The Coding Train

These icons were contributed by: @haideralipunjabi

Icons in this series: 8

English Premier League

These icons were contributed by: @haideralipunjabi

Icons in this series: 65

La Liga

These icons were contributed by: @haideralipunjabi

Icons in this series: 30

Avatar

These icons were contributed by: @Tsardines

Icons in this series: 4

Star Wars

These icons were contributed by: @TileThePlane

Icons in this series: 3

Video Games

These icons were contributed by: @maticbasle

Icons in this series: 10

Marvel

These icons were contributed by: @haideralipunjabi

Icons in this series: 2

No Color

These icons were contributed by: @nextstepAR

Icons in this series: 5

Planets

These icons were contributed by: @ejilee

Icons in this series: 8

Primary

These icons were contributed by: @peakgeek

Icons in this series: 6

Pride

These icons were contributed by: @CaelanBorowiec

Icons in this series: 4

LigaMX

These icons were contributed by: @estudioChispa

Icons in this series: 19

Pantone

These icons were contributed by: @t-howell

Icons in this series: 3

NFL

These icons were contributed by: @MichaelCduBois

Icons in this series: 32

Indian Premier League

These icons were contributed by: @frostcover

Icons in this series: 8

Atomay

These icons were contributed by: @jerryshueh

Icons in this series: 4

iOS System

These icons were contributed by: @rogonzalez

Icons in this series: 9

Others

Non Series Contributions

• @haideralipunjabi
  • blackonwhite
  • whiteonblack
• epl_Tottenham-Hotspur-2 by @bvwells
• fade-to-black by @TileThePlane
• @BrendanCarlin
  • black-on-gradient-blue
  • blue-on-white
  • white-on-orange
• @AlexandruValeanu
  • laliga_Sevilla-FC-1
  • laliga_Sevilla-FC-2
  • laliga_Sevilla-FC-3
• @RAFAELDEV2016
  • Blue
  • Red
• Penstand by @Dipanjan9
• flag_Philippines-2 by @kristm
• green-alien by @Sporandum
• flag_India-3 by @Akashd7
• flag_Brazil by @kevinwsbr

Additional Resources

• The Flags of Countries were generated using Atom Flag Icons Generator
• The Football/Soccer League Icons were generated using Atom Football Icons Generator

How to Contribute

Making Icons

• You only need to submit an SVG file per icon, other formats will be generated using CI.
• You may use icon.svg or any other SVG file from the repository as a base/reference.
• Make sure the width & height attributes are removed from the SVG, as they cause problems when resizing the SVG into other formats.
• Ideal size for the icon is 512x512

Naming Guidelines

• If you are submitting icons as part of a series, make sure to name it like seriesname_iconname.svg. No other underscore (_) should be used.
• If you are submitting the icon without it being a part of any series, make sure to name it without any underscore (_).

Notes

• You don't need to edit the README.md, as it is auto generated using CI.

How to Install

Mac OS:

Download Image2Icon app. Drop the svg as source and export a ICNS file.

The easiest way to change the icons is by using https://freemacsoft.net/liteicon/. Just Drag and Drop the custom icon and hit Apply Changes.

Copy the .icns file you'd like to use. Find VS Code in your Applications folder, right click the icon and select Get Info. Click the icon in the top right corner so that a blue highlight appears around it. ⌘ + V to paste the new icon in. It may take a few restarts of VS Code for the icon to take.

If for some reason that doesn't work, then dragging the .icns to the icon (in the top left) of the info pane, until you see the green plus sign and then dropping it works.

Windows:

Right click on the shortcut App Icon, select properties and then shortcut tab and then change icon button.

Linux:

It is distribution dependent. Google how to do it. If you can't, open an Issue, or mail me