Typicons
Typicons: A focused, open-source icon set for small web projects needing basic vector icons. Ranked #38 of 46 in Icon Libraries by our editors (5.5/10); pricing: Free plan; best for small web projects needing basic vector icons.
At a glance
- Editor score5.5 / 10
- PricingFree plan
- Best forSmall web projects needing basic vector icons
- Free planYes
- Paid fromFree
- Facts checked20 Sep 2026
Where it wins
- 336 icons with both solid and outline styles
- SVG, CSS, and webfont formats for web interfaces
- npm, Bower, and custom source-build options
Where it doesn't
- Smaller collection than broad icon libraries
- Focused on web delivery rather than wider platform coverage
- Requires source customization for tailored icon builds
Our verdict on Typicons
Typicons is a free, open-source icon collection by Stephen Hutchings for web interfaces and native applications. Its library contains 336 vector icons in solid and outline styles, with SVG source files, a webfont, and CSS assets. Small web projects that need a straightforward set of common interface icons can use the published assets without moving to a paid plan. Commercial use is supported, and the project is distributed for web use.
The main cost advantage is simplicity: Typicons is free to use and has no paid tiers described. Developers can install it through npm or Bower, or work with the webfont, minified CSS, and SVG files directly. The available formats cover common web implementation paths, while the public source content supports custom builds. That makes the project suitable for teams that prefer editable source assets and a conventional icon-font workflow over a managed commercial service.
Its trade-off is scope. A collection of 336 icons provides a focused foundation, but it may not cover specialized product interfaces or projects that need a much broader visual vocabulary. Typicons is a good fit when solid and outline styles, SVG, CSS, and webfont delivery meet the project’s needs. Choose another icon library when the work requires a larger collection or broader integration breadth; choose Typicons when a free, open-source set with flexible source access is the priority.
Your product? Our editors can test Typicons in depth and publish a review, labelled as paid · from $149/mo →
Typicons pricing
Typicons fact sheet
| Free plan | Yes |
|---|---|
| Paid from | Free |
| Icons included | Not verified |
| Icon formats | SVG, CSS, webfont |
| Style coverage | Multiple |
| Commercial use | Yes |
| Figma plugin | Not verified |
| API access | Not verified |
| Icon font | Yes |
| Deployment | Self-hosted |
| Platforms | Web |
| Built for | Solo, Small business, Mid-market, Enterprise (editorial estimate) |
| Pricing | Free plan |
| Website | s-ings.com |
| Facts checked | 20 Sep 2026 |
Alternatives to Typicons
- The Noun ProjectA broad icon library with strong editing, integration, and API options at a low entry price.9.4
- FlaticonA broad icon library with strong format support, editing tools, and workflow integrations.9.2
- IconifyA broad, open-source icon ecosystem with APIs, generation tools, and Figma support.9.0
See all Typicons alternatives →
Used Typicons? Be the first to review it
The editor score above is our own research. What this page doesn't have yet is a reader's view — what you used Typicons for, what worked and what didn't. No stars are seeded and no review is paid for; an editor reads every one before it appears.
Write a reviewTwo minutes · verified accounts only · read by an editor before it appears
Featured on iTechGuides
Typicons is listed in our Icon Libraries directory. Add the badge to your site — it links back to this page.
<a href="https://www.itechguides.com/products/typicons/"><img src="https://www.itechguides.com/best/badge/typicons.svg" alt="Featured on iTechGuides" width="230" height="46"></a>
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update