2.2 KiB
2.2 KiB
| 1 | id | name | description | stroke_width | fill | best_for | keywords |
|---|---|---|---|---|---|---|---|
| 2 | outlined | Outlined | Clean stroke-based icons with no fill, open paths | 2px | none | UI interfaces, web apps, dashboards | outline line stroke open clean |
| 3 | filled | Filled | Solid filled shapes with no stroke, bold presence | 0 | solid | Mobile apps, nav bars, toolbars | solid fill bold flat shape |
| 4 | duotone | Duotone | Two-tone layered icons with primary and 30% opacity secondary | 0 | dual | Marketing, landing pages, feature sections | two-tone layer opacity dual color |
| 5 | thin | Thin | Delicate thin line icons, minimal weight | 1-1.5px | none | Luxury brands, editorial, minimal UI | thin light delicate minimal hairline |
| 6 | bold | Bold | Heavy weight icons with thick strokes | 3px | none | Headers, hero sections, emphasis | bold heavy thick strong impactful |
| 7 | rounded | Rounded | Rounded line caps and joins, soft corners | 2px | none | Friendly apps, children, health | rounded soft friendly warm approachable |
| 8 | sharp | Sharp | Square line caps, mitered joins, precise edges | 2px | none | Tech, fintech, enterprise | sharp angular precise crisp exact |
| 9 | flat | Flat | Solid flat fills, no gradients or shadows | 0 | solid | Material design, Google-style UI | flat material simple geometric clean |
| 10 | gradient | Gradient | Linear or radial gradient fills | 0 | gradient | Modern brands, SaaS, creative | gradient color transition vibrant modern |
| 11 | glassmorphism | Glassmorphism | Semi-transparent fills simulating frosted glass | 1px | semi-transparent | Modern UI, overlays, cards | glass frosted transparent blur modern |
| 12 | pixel | Pixel | Pixel art style on grid, retro 8-bit aesthetic | 0 | solid | Gaming, retro, nostalgia | pixel retro 8bit grid blocky |
| 13 | hand-drawn | Hand-drawn | Irregular strokes, organic sketch-like feel | varies | none | Artisan, creative, casual | sketch organic hand drawn artistic |
| 14 | isometric | Isometric | 3D isometric projection, 30-degree angles | 1-2px | partial | Tech docs, infographics, diagrams | 3d isometric dimensional depth |
| 15 | glyph | Glyph | Single solid shape, minimal detail, pictogram style | 0 | solid | System UI, status bar, compact | glyph pictogram symbol minimal compact |
| 16 | animated-ready | Animated-ready | SVG with named groups/IDs for CSS/JS animation | 2px | varies | Interactive UI, onboarding, micro-interactions | animation motion interactive css js |