Grassicons

Over 100 linear styles, simple design, supports SVG and Figma, includes static and dynamic icons, icon animations are simple and smooth.

Visit Site

What is Grassicons

Grassicons is a unique icon library that offers both static and dynamic icons. Currently has 100+ linear icons and 10+ dynamic icons, with a goal of reaching 1000+. All icons are built as Figma components, so designers can use them directly in Figma without switching tools. The icons have a unified style with circular borders and clean linear design. Dynamic icons come in JSON format, perfect for micro-interactions.

Homepage

How to use Grassicons

In Figma:

Visit the site and click "Figma Preview" to access icons directly in Figma. All icons are components you can drag into your designs.

Download:

Download via Gumroad in SVG (static) or JSON (dynamic) formats. SVG works directly in web projects, while JSON dynamic icons require animation libraries like Lottie.

Grassicons Key Features

Native Figma Components

All icons are Figma components, use them directly in Figma without export/import, making designers' workflow smoother.

Static + Dynamic Modes

Provides SVG static icons and JSON dynamic icons. Static for regular UI, dynamic for micro-interactions, flexible choice.

Unified Circular Border Style

All icons wrapped in circular borders, unified style, perfect for modern flat design.

Continuous Updates

Currently 100+ icons, targeting 1000+. Author posts updates on social media.

Grassicons Use Cases

Figma Designs

Drag and drop directly in Figma, no need to search for icons elsewhere, more efficient design workflow.

Web Projects

SVG format works directly in HTML, React, Vue projects. Circular border style is modern.

Micro-interactions

Use JSON dynamic icons for button animations, loading states, feedback prompts, making interfaces more lively.

Grassicons Pros & Cons

Pros

Native Figma components, convenient for designers

Static + dynamic dual modes, flexible choice

Unified style, modern circular border design

Continuous updates

Cons

Icon count still limited (100+), need to wait for updates

Dynamic icons require libraries like Lottie

Download via Gumroad required

Grassicons FAQ

Q1: How to use in Figma?

Visit the site, click "Figma Preview" to open directly in Figma. All icons are components you can drag into your designs.

Q2: How to use dynamic icons?

Download JSON files and render with animation libraries like Lottie. Good for button animations, loading states, and micro-interactions.

Q3: Will icons be updated?

Yes, author promises continuous updates, targeting 1000+ icons. Follow social media for update news.

Q4: How to download?

Download via Gumroad, available in SVG and JSON formats.

Icons Home

Views: - Visitors: -