Jump to content

[Free] Icon Font Resources


Recommended Posts

  • Administrators

More and more websites are starting to use Font Glyphs or Font Icons. They're easy to make, easy to pick from and their incredibly light weight compared to independent images or even sprites.
 
What are the major advantages of using Icon Fonts?

  • They are vector, which means they can scale indefinitely without losing quality
  • They are lightweight
  • They are supported by every browser
  • You can add almost any thinkable text css to them (shadows, colors, rotation, gradients)
  • Takes fewer HTTP requests to your server = less load :3

 

So what are disadvantages of using Icon Fonts?

  • Screenreaders may misinterpret fonticons, reading them out loud
  • DUSTY OLD BROWSERS cannot render font icons. But really, who uses IE7 anymore.
  • You can only serve font icons in a single color -or- in a gradient. No fancy multicolor rainbow awesomeness.
  • Firefox sometimes renders icon fonts with a larger font-weight (bolder), so they may look differently on there.

 

The top list of FREE icon Fonts

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 283 beautiful icons with rounded corners

Font Awesome - 439 icons in a constantly updated icon font

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - Over 200 icons by google.

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 60 icons by YummyGum (has a paid v2)

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 450 free beautiful icons, with editor on site if you want to pay

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 60 pretty awesome webfont icons

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 223 icons in a lightweight and beautiful package (.woff = 12.4kb!)

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 160+ icons

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 200 free icons (you must provide credit), also has a paid version of $100 for over 1500 icons

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 470 free icons and 50 free social icons

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 300+ icons for use on the web and apps, now free

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 350 pixel perfect icons, scalable to any size

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - 139 vector icons

Hidden Content

    Give reaction or reply to this topic to see the hidden content.
 - by GitHub, usable in any of your projects

 

 

So there you have it, pretty icon fonts for free, available for you to use in your projects. Most come with a handy-dandy instruction page aswell. If you have any additional icon fonts and you would like to see them back on this list, do not fear to comment down below!

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...