Resources / Icon Fonts
Font Awesome is still the most recognized name, but Boxicons, IcoFont, and Devicon all bring distinctive styles. This collection also includes niche picks like Weather Icons and PaymentFont for specialized projects.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Font Awesome
The web's most popular icon set and toolkit.
Line Awesome
Drop-in replacement for Font Awesome with modern line icons.
Material Icons
Official Material Design icon library.
Ionicons
Beautifully crafted open-source icons from the Ionic team.
Zurb Foundation Icons
Customizable icon font set for Foundation.
Fontisto Icons
Iconic font and CSS toolkit with 600+ free icons.
Boxicons
Free collection of carefully crafted open-source icons.
IcoFont
Over 2100 free icons to enhance your creative designs.
Material Palette
Pick palettes, icons, and colors for Material Design projects.
Material Design Iconic Font
Material Design-inspired icon font.
VSCode Codicons
The official icon font used by Visual Studio Code.
Devicon
Set of icons representing programming languages and development tools.
PaymentFont
Sleek web font for payment operators and methods with 100+ icons.
Weather Icons
Icon font with over 220 weather-themed icons.
Stroke 7
202 thin stroke icons inspired by iOS 7.
Jam Icons
Set of 890+ handcrafted icons for web applications.
Fontello
Over 200 web icons with customizable names and codes.
Linea
Icon pack featuring 750+ free line icons.
Unicons
1100+ free line-style icons available as web font, SVG, and React/Vue components.
Mobirise Icons
Free, open-source set of 150 pixel-perfect linear icons available as font and SVG.
Hero Icons
Free open-source SVG icon library for web projects.
Best Icon Fonts & Web Icon Libraries for Developers
Icon fonts remain one of the most practical ways to add scalable, CSS-styleable icons to websites. A single font file can provide thousands of icons that render crisp at any size and can be colored, sized, and animated with pure CSS.
CodeHelper's curated icon fonts collection covers the most popular icon font libraries : Font Awesome, Material Icons, Ionicons, Bootstrap Icons, Remix Icon : plus tools for generating custom icon fonts from your own SVG files.
What to look for in an icon font library
- Icon variety and coverage: Good icon fonts cover UI essentials (arrows, controls, navigation) plus domain-specific icons (brands, social, e-commerce).
- Free tier scope: Check how many icons are available for free vs. requiring a paid license : Font Awesome free offers 2000+ icons.
- CDN availability: Easy CDN installation makes icon fonts quick to add to any project without a build step.
How to use this resource collection
- Browse the curated list of icon font libraries below.
- Click any library to open its website in a new tab.
- Use the search bar to filter by name or description.
Whether you are adding Font Awesome to a project, looking for scalable icons for a design system, or building a custom icon font from your own SVG icons, this collection provides all the resources you need.