mirror
/
css.gg
mirror of https://github.com/astrit/css.gg.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
700+ Pure CSS, SVG, PNG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API and 6000 glyphs
25 Commits 3 Branches 8 Tags 7.5 MiB
SCSS 64.8%
CSS 30.6%
JavaScript 4.6%
Go to file
astrit 6408c7dfb1 Fix readme package name 2019-12-18 03:50:30 +01:00
icons All icons v.1.0.0 2019-12-18 03:00:51 +01:00
icons-compressed All icons as package 2019-12-18 02:59:49 +01:00
icons-json All icons as package 2019-12-18 02:59:49 +01:00
icons-xml All icons as package 2019-12-18 02:59:49 +01:00
CHANGELOG.md Update CHANGELOG.md 2019-11-15 13:37:33 +01:00
CODE_OF_CONDUCT.md Update CODE_OF_CONDUCT.md 2019-11-15 13:39:17 +01:00
LICENSE Add licence 2019-11-12 21:08:15 +01:00
README.md NPM Package 2019-12-18 03:42:41 +01:00
package.json Fix readme package name 2019-12-18 03:50:30 +01:00

README.md

css.gg

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

App: https://css.gg

Features

  1. API endpoint
  2. Lightweight
  3. Accesible
  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

Add icons in your project

1. Markup

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

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

2. Style

HTML
<!-- Uncompressed - Single Icon -->
<link href='https://css.gg/icon-name.css' rel='stylesheet'>

<!-- Compressed - Single Icon -->
<link href='https://css.gg/c?=|icon-name' rel='stylesheet'>

<!-- Multiple icons  -->
<link href='https://css.gg/c?=|icon-name|icon-name|icon-name' rel='stylesheet'>

<!-- All icons  -->
<link href='https://css.gg/c' rel='stylesheet'>
CSS
/* Uncompressed - Single icon */
@import url('https://css.gg/icon-name.css');

/* Compressed - Single icon*/
@import url('https://css.gg/c?=|icon-name');

/* Multiple icons */
@import url('https://css.gg/c?=|icon-name|icon-name|icon-name');

/* All icons */
@import url('https://css.gg/c');

API Reference

1. Access data on .json format

All data - Single Icon
https://css.gg/json?=|icon-name
All data - Multiple Icons
https://css.gg/json?=|icon-name|icon-name|icon-name

Return style & markup only

You need to specify in the end of url if you wish to pull only style or markup by using &op=css or &op=css+markup variables respectively.

e.g Single Icon

Style
https://css.gg/json?=|icon-name&op=css
Style & Markup
https://css.gg/json?=|icon-name&op=css+markup

e.g Multiple Icons

Style
https://css.gg/json?=|icon-name|icon-name|icon-name&op=css
Style & Markup
https://css.gg/json?=|icon-name|icon-name|icon-name&op=css+markup

2. Access data on .xml format

All the above options apply to xml format.

Donate

This library is entirely free and maintained by one person > Astrit
If you like the work please consider donating at https://www.paypal.me/astrit

Support

  1. FAQ - https://css.gg/faq
  2. Discord - https://discord.gg/e7NDKFM
  3. Spectrum - https://spectrum.chat/css-gg