These days, more and more devices are adopting high-definition screens, and font icons are a popular choice. Font icons are resizable and doesn’t compromise quality. What’s more, they’re customizable through CSS. Font icons allow you to easily change its colors, size, and can be animated with CSS3. They’re resolution-independent so they look crisp and sharp on any screen density.

The most popular source of fonts is FontAwesome. It comes with a huge collection of high-quality fonts that you can use for various purposes. However, you need to download the entire font collection. So what if you only need a few of these fonts?

If you’re looking for a nice alternative to FontAwesome, then you’ve come to the perfect place. Here are 10 awesome bookmark-worthy free font icons that come with well-crafted icons for you to enjoy. Check them out!

 

 

Devicons

1

Devicons is a set of free font icons that are especially made for web developers, coders, HTTPsters, and font enthusiasts. The package contains more than 100 beautifully crafted font icons that are ready to use for your next project.

 

Socialicious

2

This social media icons library comes in font form and works well with FontAwesome and the Twitter Bootstrap framework. You can also use it as a standalone if that’s what you like. This icons library is built and designed with Facebook, Twitter, Instagram, and other popular social media sites in mind.

 

Twemoji Awesome

3

Twemoji is an open source emoticon project by Elle Kasai. A project of Twitter, all the class names to display the icons are similar to the Twemoji Cheat Sheet, although you need to use a dash (-) instead of an underscore (_). Twemoji is licensed under MIT, while graphics is licensed under CC-BY.

 

Android Developer Icons

4

Created and designed by Opoloo (previously known as the Android community), this set of font icons comes with 250 free icons in 5 sizes and 14 colors, as well as its own icon font, including sources.

 

Stackicons

5-1

Stackicons is a set of font icons for more than 60 popular and modern social brands. It comes with CSS that allows you to style your font in different container shapes. You can get your social brand icons in circles, squares, or even with rounded edges. You can also use more than one color for the icons to give them more realistic brand colors.

 

Octicons

6

This collection of font icons is presented by GitHub. It lets you use the same icons as used by GitHub on your project. It comes with more than 170 icons that you can readily apply on your next web or app project.

 

Material Design Iconic Font

7

In this collection, there are over 15 different categories of Google Material inspired font icons for you to choose from. In order to use them, you simply have to install Material-Design-Iconic-Font.tff, and then use the cheatsheet. Simply copy and paste the icons (not the unicode) into your project, and you’re all set! You can even enlarge the icons, add borders, spin, or even rotate and flip them with CSS.

 

Font Diao

8

Font Diao is a set of free font icons from popular Chinese companies and websites like Alipay, Alibaba, Weibo, WeChat, and Xiaomi. The fonts may come in handy if you’re planning to build China-based websites to cater to a specific audience that are familiar with these particular font icons.

 

PaymentFont

9

These font icons are ideal for those who are looking to add a payment gateway on their next web project. The collection comes with 95 icons for popular payment methods or gateways like Visa, Maestro, American Express, Skrill (Moneybookers), and more.

 

Open Iconic

10

 

Open Iconic is an open source sibling of Iconic. It’s a collection of more than 200 high-quality free font icons that are ready to use with Bootstrap and Foundation. The font size is extremely small and lightweight (only 12.4 KB), which is about a quarter of what you can find in FontAwesome. Best of all, the icons can be scaled down to 8px!

Leave a Comment

Comment (required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Name (required)
Email (required)