Skip to content
loading...

500 ⭐'s on Github - css.gg

twitter logo github logo Updated on ・1 min read  

css.gg 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 πŸŽ‰πŸΎπŸ₯‚πŸ₯³

css.gg

GitHub logo astrit / css.gg

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

css.gg

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

App: https://css.gg

css.gg GitHub package.json version npm GitHub last commit Website npm GitHub issues GitHub stars

css.gg

Features

  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 css.gg
CSS https://css.gg/c
JSON https://css.gg/json
XML https://css.gg/xml

This package CDN alternatives

JSON
https://unpkg.com/css.gg
https://cdn.jsdelivr.net/npm/css.gg
CSS
https://unpkg.com/css.gg/icons-compressed/icons.css
https://cdn.jsdelivr.net/npm/css.gg/icons-compressed/icons.css
XML
https://unpkg.com/css.gg/icons-xml/icons.xml
https://cdn.jsdelivr.net/npm/css.gg/icons-xml/icons.xml

Add icons in your project

1. Markup

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

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

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 https://css.gg

Hey there reader...

Do you prefer sans serif over serif?

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