css.gg 2.0

css.gg 2.0 is out now
700 UI Icons in Pure CSS, SVG & Figma

🔥 200 New Icons
🔥 SVG Icons by figma.com/@lona
🔥 SVG Sprite by figma.com/@lona
🔥 Styled Components - ⚛ React JS
🔥 Local Styled Components
🔥 Figma Components - css.gg/fig
🔥 Adobe XD Components - css.gg/xd

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