Home / Companies / Ionic / Blog / Post Details
Content Deep Dive

Building Ionicons, Our Open Source Icon Font

Blog post from Ionic

Post Details
Company
Date Published
Author
Ben Sperry
Word Count
1,158
Company Posts That Month
3
Language
English
Hacker News Points
-
Post removed?
No
Summary

Ionic's development team faced the challenge of providing high-quality iconography for their HTML5 mobile app framework, leading them to create a custom open-source icon font called Ionicons. This decision was driven by the need for control over design quality and the limitations of existing icon packs. Ionicons, composed of vector-based icons, offers scalability and sharp rendering on high-resolution displays while reducing HTTP requests. The process involved designing icons in Adobe Illustrator, converting them to font files using IcoMoon, and ensuring they rendered crisply at a default size of 16px. The initial set of over 130 custom icons was expanded to include more than 200 additional iOS 7-styled and social icons, all organized and searchable through a dedicated website. Licensed under MIT, Ionicons is intended for use with Ionic but is freely available for personal and commercial projects.

Trends Found in this Post

No tracked trend matches for this post yet.

Use This Data

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.