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
Icon font and SVG library with a free tier of about 2,000 icons and a paid Pro tier with duotone styles and thousands more icons.
Icons CC BY 4.0, fonts SIL OFL 1.1, code MIT. Version 7 current, version 6 still gets fixes.
Line Awesome
Free drop-in replacement for Font Awesome 4 built around line style icons, maintained by Icons8 and distributed as webfont, SVG, and React components.
1380+ icons, SIL OFL font license, MIT code.
Material Icons
Google's official Material Design icon set, over 2,000 icons in filled, outlined, rounded, sharp, and two tone styles, now hosted on Google Fonts.
Apache 2.0 license, free for commercial use, no attribution required. Superseded in Google's newer work by variable Material Symbols.
Ionicons
Open source SVG and webfont icon set built by the Ionic team for web, iOS, Android, and desktop apps, with over 1,300 icons in filled, outline, and sharp styles.
MIT license, maintained by the Ionic team at OutSystems.
Zurb Foundation Icons
Customizable icon webfont of 283 general purpose icons built for the Foundation front end framework, downloadable as font files or individual SVGs.
Legacy project, last updated around 2020, no new icon releases since.
Fontisto Icons
Icon font and CSS toolkit with over 616 pictographic icons covering brands, weather, maps, and UI, distributed via npm, Bower, Composer, and Meteor.
Font SIL OFL 1.1, CSS MIT, docs CC BY 3.0. The fontisto.com domain is down; GitHub is the working source.
Boxicons
Open source icon library with solid, regular, and logo styles, usable as a webfont or SVG and with official React, Vue, and Figma integrations.
Core set MIT licensed under github.com/box-icons/boxicons. Site now upsells a separate 50k+ icon Pro marketplace.
IcoFont
Icon webfont with over 2,400 icons across business, social, brand, and duotone categories, free for personal and commercial projects.
Icons CC BY 4.0, fonts SIL OFL, code MIT. Attribution is requested; downloaded files embed credit comments.
Material Design Iconic Font
Community maintained Material Design icon font covering Google's original Material icon set plus extra brand and community icons, now at version 2.2.0.
Moved from the old zavoloklom.github.io address; check the project license page before commercial use.
VSCode Codicons
The official icon font used throughout the Visual Studio Code UI, several hundred interface glyphs built as an SVG and webfont set by Microsoft.
Icons CC BY 4.0, code MIT, actively maintained by Microsoft alongside VS Code.
Devicon
Icon set of programming language, framework, and developer tool logos, usable as a webfont or inline SVG, originally created by Konpa.
MIT license for the project; individual brand logos remain the property of their owners.
PaymentFont
Webfont covering 100+ payment brand and method icons, including card networks, PayPal, Apple Pay, Bitcoin, and regional payment systems.
Font SIL OFL 1.1, CSS MIT. Last tagged release v1.2.5 in 2017; no activity since.
Weather Icons
Icon font of 222 weather themed icons plus wind direction and Beaufort scale sets, built to pair with Bootstrap or any other framework.
Font SIL OFL 1.1, CSS MIT, docs CC BY 3.0.
Fontello
Free browser based tool that builds a custom icon webfont by picking and combining icons from several open source icon sets into one file.
Tool itself is open source; each bundled icon set keeps its own original license, check before commercial use.
Unicons
Line style icon set with over 1,100 icons available as a webfont, SVG, and React or Vue components, with a separate paid solid icon pack.
Free line set is MIT licensed; the Pro monochrome and solid packs are a paid add-on. Site blocks some automated requests.
Mobirise Icons
Free open source set of 150 pixel-perfect linear icons across 7 categories, available as a webfont and as individual SVGs in three grid sizes.
CC BY 4.0 license, no cost, built by the Mobirise website builder team.
Heroicons
Hand crafted SVG icon set by the Tailwind CSS team, 316 icons across outline, solid, mini, and micro styles, with React and Vue packages and a Figma file.
Now called Heroicons. MIT license, no attribution required. heroicons.dev is an unofficial fan site, not the project home.
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.
Font Awesome is the default pick: a free tier of about 2,000 icons under CC BY 4.0 and SIL OFL, plus a paid Pro tier for duotone and more. For Material Design work, Google's own Material Icons, now folded into Material Symbols on Google Fonts, is Apache 2.0, the safest license here for commercial apps. Devicon and VSCode Codicons solve narrower jobs: language logos and editor glyphs. Heroicons, formerly Hero Icons, stays small on purpose, 316 MIT icons from the Tailwind team.
The trap here is mixed licensing: a pack can ship fonts under SIL OFL, icons under CC BY 4.0, and code under MIT, each with its own attribution rule, and tools like Fontello bundle icons from several sources that each keep their own terms. The other trap is abandonware: Jam Icons was formally discontinued by its maintainer, and old demo pages for sets like Stroke 7 can vanish entirely.
What to check before you pick one
- 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.
Frequently Asked Questions
What are the most popular icon fonts for web development?
The most widely used icon fonts include Font Awesome (the most popular, with free and pro tiers), Material Icons (Google), Ionicons, Remix Icon, and Bootstrap Icons. Font Awesome 6 free includes over 2000 icons in solid, regular, and brand styles.
Should I use icon fonts or SVG icons in 2025?
SVG icons are generally preferred in modern web development for better accessibility, sharper rendering, individual loading capability, and the ability to style individual paths. Icon fonts are still widely used and practical, especially when you need a large icon set via a single CSS import.
How do I add Font Awesome to my website?
Add Font Awesome via CDN by including the link tag from cdnjs or the Font Awesome CDN in your HTML head. Alternatively, install the npm package for use in JavaScript frameworks. Use class names like fa-solid fa-house to display icons in your HTML.