adobe stock icon Download 10 Free Photos & Assets From Adobe Stock Download Now

The 50 Best Free Icon Fonts for UI Design

By
on Fonts & Icons & UI Design

Although very popular, Icon fonts do also have their pitfalls. Ian Feather has discussed his reasons for switching from an icon font to SVG, and CSS Tricks have outlined some considerations when choosing between an icon font system or SVG. Both clearly favouring SVG. As a counter-argument, Pictonic have said that icon fonts are 10% faster than SVG. These are just things you should consider before you do use icon fonts.

To ensure that your icons always load properly and have reliable fallbacks for browsers that don’t support @fontface, you should take a look at the guidelines set-out by the Filament Group, Bulletproof Accessible Icon Fonts.

You might also like: Top 50 Free Icon Sets for Web Designers.

Eva Icons Open Source UI Icon Set (480 Icons)

Eva Icons Open Source UI Icon Set @fontface webfont free

Trendy Thin Line Icon Font (100 Icons, Envato Elements)

Trendy Thin Line Icon Font @fontface webfont

Open Iconic Open Source Set (223 Icons)

Open Iconic Open Source Set @fontface webfont free

Pictypo Icon Font by Typogama (Envato Elements)

Pictypo Icon Font by Typogama @fontface webfont

Ionicons Icon Pack for Ionic Framework (1,100+ Icons)

Ionicons Icon Pack for Ionic Framework @fontface webfont free

Icoframe Wireframe Icon Set (60 Icons, Envato Elements)

Icoframe Wireframe Icon Set @fontface webfont free

Font Awesome (1,500+ Icons)

Font Awesome Icon Set @fontface webfont free

Wirebet Wireframe Fonts (Envato Elements)

Wirebet Wireframe Fonts Icon Set @fontface webfont free

Line Awesome Icon Font (1,380 Icons)

Line Awesome Icon Font @fontface webfont free

The Crafty Font Collection (24 Fonts, Envato Elements)

The Crafty Font Collection @fontface webfont free

Dashicons, the WordPress Admin Icon Font (300 Icons)

Dashicons WordPress Admin Icon Font @fontface webfont free

Vector Line Icon Font (130 Icons, Envato Elements)

Vector Line Icon Font @fontface webfont free

Remix Icon Open Source Library (2,000+ Icons)

Remix Icon Open Source Library @fontface webfont free

Line Icon Flat Font (26 Icons, Envato Elements)

Line Icon Flat Font @fontface webfont free

Themify Icon Font (320 Icons)

Themify Icon Font @fontface webfont free

Dripicons Line-Icon Font v.2 (200 Icons)

Dripicons Line Icon Font v.2 @fontface webfont free

GitHub’s Octicons Icons (180 Icons)

GitHub Octicons Icons @fontface webfont free

Foundation Icon Fonts (280 Icons)

Foundation Icon Fonts @fontface webfont free

Devicons Iconic Font for Developers (78 Icons)

Devicons Iconic Font for Developers @fontface webfont free

The Elegant Icon Font (360 Icons)

The Elegant Icon Font @fontface webfont free

Feather Open Source Icon Set (282 Icons)

Feather Open Source Icon Set @fontface webfont free

Typicons Icon Font (336 Icons)

Typicons Icon Font @fontface webfont free

IcoMoon’s Free Icon Pack (490 Icons)

IcoMoon Icon Pack @fontface webfont free

Genericons Neue Icon Font (100 Icons)

Genericons Neue Icon Font @fontface webfont free

Icon-Works Free Icon Font (136 Icons)

Icon-Works Free Icon Font @fontface webfont free

Microns Icon Font (108 Icons)

Microns Icon Font @fontface webfont free

Stroke 7 Icon Font (202 Icons)

Stroke 7 Icon Font @fontface webfont free

Stroke Icon Font Vol.1 (80 Icons)

Stroke Icon Font Vol.1 @fontface webfont free

Material Design Iconic Font

Material Design Iconic Font @fontface webfont free

Minimal Outline Essential Icons (77 Icons)

Minimal Outline Essential Icons @fontface webfont free

Tonicons Outline Icons (300 Icons)

Tonicons Outline Icons @fontface webfont free

Metrize Metro-Style Icons (300 Icons)

Metrize Metro-Style Icons @fontface webfont free

CSSans Pro CSS Font

CSSans Pro CSS Font @fontface webfont free

MFG Labs Icon Set (120 Icons)

MFG Labs Icon Set @fontface webfont free

Ligature Symbols Icon Font (240 Icons)

Ligature Symbols Icon Font @fontface webfont free

Devicon 2.0 Programming & Development Icon Font (78 Icons)

Devicon 2.0 Programming Development Icon Font @fontface webfont free

Mini Icon Font Set (80 Icons)

Mini Icon Set @fontface webfont free

Helium Icon Set & Font (100 Icons)

Helium Icon Set Font @fontface webfont free

Gonzocons 2.0 Line Icons (100 Icons)

Gonzocons 2.0 Line Icons @fontface webfont free

Map Icon Marker Font (180 Icons)

Map Icon Marker Font @fontface webfont free

Outlined Icons Webfont (150 Icons)

Outlined Icons Webfont @fontface webfont free

Infinity Space Icons (230 Icons)

Infinity Space Icons @fontface webfont free

Weather Icons & Font (32 Icons, Envato Elements)

Weather Icons Font @fontface webfont free

Weather Themed Icon Font (222 Icons)

Weather Themed Icon Font @fontface webfont free

Meteocons Weather Icon Font (40 Icons)

Meteocons Weather Icon Font @fontface webfont free

Stackicons Social Icon Font (75 Icons)

Stackicons Social Icon Font @fontface webfont free

Socialicious Social Media Icon Library (74 Icons)

Socialicious Social Media Icon Library @fontface webfont free

Mono Social Icons Font (100 Icons)

Mono Social Icons Font @fontface webfont free

Fontfabric Social Media Icons Pack (74 Icons)

Fontfabric Social Media Icons Pack @fontface webfont free