Skip to content

500 ⭐'s on Github -

twitter logo github logo Updated on ・1 min read just reached 500 ⭐️ on Github.

Thank you very much from the bottom of my ❀️ to every single one of you who supported me all this time.

Cheers πŸŽ‰πŸΎπŸ₯‚πŸ₯³

GitHub logo astrit /

500+ CSS Icons. Customizable, Retina Ready with API & NPM

Minimalistic Icon library Designed by code.
Customizable & Retina-Ready icons entirely built in CSS.

App: GitHub package.json version npm GitHub last commit Website npm GitHub issues GitHub stars


  1. API endpoint
  2. Lightweight
  3. Accessible
  4. Agile
  5. Retina Ready
  6. Compilable

Getting started

Access all the icons as package:

Name Source
CLI npm i -S

This package CDN alternatives


Add icons in your project

1. Markup

The class name starts always with "gg-" followed by icon name.

<i class="gg-icon-name"></i>

To resize an icon you just need to change the value of a css variable "--ggs" to any value you like if not specified it falls back to 1 or the actual size.

.gg-icon-name {
    /* This value will multiple the actual size  */
    --ggs: 10

The variable can be added to the parent, custom class,body or root…

twitter logo DISCUSS (11)
Classic DEV Post from Aug 8 '19

About Pair Programming

Sometimes it helps to have another set of eyes to go through code with you, no matter how much experience you have. Pair programming is a cool way that some dev shops are handling this issue. I've learned a few things about it that I think are interesting.

Astrit profile image
Front-end Developer, creator of

Hey there reader...

Do you prefer sans serif over serif?

You can change your font preferences in the "misc" section of your settings. ❀️