CSS.GG + Vercel & Updates

Hello everyone,

Long time no see. Short update.

First of all thank you to every single one of you who has contributed for this project to be where it is, with a single like, star or using it on your project.

So far this has been incredible
7,140 Stars on Github
17,000 Figma copies

And much more that I can't even track

Thank you.

astrit / css.gg

700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API

Demo - Figma - Twitter

Open-source CSS, SVG and Figma UI Icons
Available in SVG Sprite, styled-components, NPM & API

New in 2.0

🥳 200 New Icons

🚀 SVG Icons

🔥 SVG Sprite

💅 Styled Components

⚛️ React Local Styled Components

🦄 Figma Components

🔮 Adobe XD Components

Table of Contents

• Get Started
• HTML include
  • 1. All icons
  • 2. Single icon
  • 3. Collection
  • 4. Markup
  • 5. Example
• CSS @import
  • 1. All icons
  • 2. Single icon
  • 3. Collection
  • 4. Resizing
  • 5. Coloring
• SVG
  • 1. SVG Sprite - Download Path
    • 1.1. Example
  • 2. SVG Single Icon - Download Path
    • 2.1. Example - SVG Sprite
    • 2.2. Example - Inline SVG Sprite/Symbol
    • 2.3. Example Single copy/paste icon
  • 3. Encode SVG for CSS
    • 3.1. Example - Encoded SVG for CSS icon
  • 4. Coloring a SVG icon
    • 4.1. Directly on the icon
    • 4.2. using class
• JSON - paths
  • 1. All icons
  • 2. Single icon
  • 3. Collection
• …

View on GitHub

---

Now to the fun stuff.

I have been working on the new version and trying to listen to the feedback that people got and also checking the analytics on what people are using most.

As a conclusion the SVG version naturally is being used more, after that the Figma version mainly by UI Designers.

Based on this I decided to do the new version on SVG primarily with the CSS version being there as a downloadable option.

Also I have been developing some other modules* that are going to be part of the project so stay tuned for this when I announce on twitter and youtube

---

🍒 And the cherry on top.

Getting sponsored by Vercel.

I totally forgot to announce since I was working on the project and wanted to do it on the release but not here we go.

So I would like to personally thank Guillermo from Vercel for making this happen and enabling me to use my favourite framework and platform on the new version.

---

Plug:
As you might already know I have started to create videos on youtube and if you like my work or you want to learn how to do CSS animations please make sure to subscribe

Comments

[Kevin Le]

Oh yes, I definitely learned many new things from the video. Excellent. Thanks a lot.

[Astrit]

I am very glad you liked it

[Brayden W ⚡️]

Congrats on this Astrit! You totally deserve it. 👏

[Astrit]

Thank you very much bro

[Astrit]

Thank you very much Michael