Side by side
CSS.gg vs Heroicons
Both stand on icon libraries. Which one you can start free with, which one lets you read the code, and what each costs once you pay.
Free plan ExtensionWeb
CSS.gg offers a broad, openly developed icon collection with several formats and developer access options. Its listed restriction on commercial use matters for business projects.
Visit CSS.gg
Free plan Web
Heroicons offers a searchable icon collection with several ways to use it in interface work. Its current contribution scope is limited to bug fixes.
Visit HeroiconsThe facts
| CSS.gg | Heroicons | |
|---|---|---|
| Free plan | Yes | Yes |
| Open source | Not published | Not published |
| Runs on | Extension, Web | Web |
| Lowest paid plan | Not published | Free or on request |
| Plans published | None | 1 |
| Maker | Not published | Not published |
| Website | css.gg | heroicons.com |
| On icon libraries | #18 of 46 | #22 of 46 |
CSS.gg: what it does well
- 700+ icons on a 24 × 24 canvas
- Provides CSS, SVG, Figma, PNG, and TSX
- Offers npm package installation
- Supports JSON and XML icon-data API access
- Includes Raycast glyph access
What to know first
- Commercial use is listed as unavailable
- No free trial
- Figma plugin was only planned in 2024
Heroicons: what it does well
- 316 icons with a site search field
- React and Vue component libraries
- SVGs can be copied into HTML
- Figma file is linked
- Commercial use is permitted
What to know first
- No new icons or framework support accepted
- MIT license provides no warranty
Alternatives to CSS.gg Alternatives to Heroicons The whole list