Free Icon Fonts for Web Designers

When it comes to UI Design, two of the most basic components that are important aspects of any web project are free icons and resources. While you could always create your icons and symbols for your projects, let’s be honest – none of us have the time for that.

Font Awesome

Font Awesome is the Internet’s icon library and toolkit, used by millions of designers, developers, and content creators. Font Awesome 6 contains thousands of new icons in our Classic Styles: Solid, Regular, Light, Duotone, and Thin — not to mention our Brand icons. Plus, with Sharp Solid, you’re sure to find the perfect icon for your project.

Ionicons

Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font.

Dripicons

Dripicons. A free collection of 84 bold outline icons, available in AI, SVG, PSD, web font formats.

Entypo

411 carefully crafted premium pictograms. Entypo+ is the third version of a free suite of premium quality pictograms. It’s released under the license CC BY-SA 4.0. Each pictogram has been drawn for pixel perfection at a size of 20 x 20 pixels and with a very consistent style. The difference between this version of Entypo and previous ones is that the suite now only consist of SVG images. There is no fonts or PSD.

Foundation Icon Fonts 2

Custom icon sets that are stored in a handy web font and are coded to be more accessible. A couple lines of CSS and the right markup will get you going in no time.

The Elegant Icon Font

Icon fonts are great because they are flexible and fast loading. Using a single font and CSS, you can create countless graphical variations that would normally require the use of an equally countless collection of bulky and non-scalable images.

Map Icons

An icon font for use with Google Maps API and Google Places API using SVG markers and icon labels. Map Icons makes Google Maps Markers dynamic with control over shape, color, size, and icon easily changed using options in the marker object as well as simple SVG Notation and CSS.

Ligature Symbols

You can get Ligature Symbols for free. This Font is licensed under the SIL Open Font License for download and using.

Themify Icons

Themify Icons is a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons that draw inspiration from Apple iOS 7 – available to the public, 100% FREE! You may use or distribute it for any purpose, whether personal or commercial. This icon set is a must have tool for web designers and developers.

Remix Icon

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.
All of the icons are free for both personal and commercial use.

Foundation Icon Fonts 3

With a custom collection of more than 275+ icons, the Foundation Icon Fonts 3 kit, designed by ZURB, allows you to customize the size, color, and even the style using CSS. The kit, stored in a handy web font, is a perfect example of pure geometry. This is due in large part because every icon has been created in general shapes such as triangles, squares, circles, and rectangles. With features such as round corners, thick line weights, plus full scalability that lets it fit in small and large sizes, the Fonts 3 kit is perfect for any project

Weather Icons

Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!

Before using any of the icon fonts below, you should read their license and terms of use. Website design is important to any company that wants to attract customers. Having appropriate and consistent icon fonts is part of what makes the design so effective and successful.

RH Suman
RH Suman
Articles: 64

Newsletter Updates

Enter your email address below to subscribe to our newsletter

Leave a Reply