40+ Cool Icon Font Sets

This is a great collection of different types of really useful icon fonts. Having a large and varied icon collection is so important for web designers and web masters. Icons fit into many different areas of website designs and help visitors to quickly navigate and understand content context. Most icons are created as graphic files such as .png, however, it is also possible to find great icons packed as fonts.

Icon fonts are designed for user interfaces and many of them work as web fonts and can be easily used on websites using the CSS @font-face rule. This makes it easy and very flexible to use icons on websites and in addition, you can scale icon fonts using CSS font-size and control colors. You can check out some icon fonts in action on these websites: example 1, example 2.

Here you will find a sizable and meaty roundup of icons fonts for your web project. I hope you enjoy the collection and find an icon font or two you can use. Please share the article on social media!

Font Awesome – MORE INFO

font-awesome[3]

Iconic – MORE INFO

iconic

Foundation Icon Fonts 2 – MORE INFO

foundation-icon-fonts2

Batch – MORE INFO

batch

Raphaël Icon-Set – MORE INFO

raphael-icon-set

MODERN PICTOGRAMS – MORE INFO

modern-pictograms

Modern Pictograms – MORE INFO

modern-pictograms

MFG Labs Icon Set – MORE INFO

mfg-labs-icon-set

IcoMoon – MORE INFO

icomoon

Elusive Icons – MORE INFO

elusive-icons

Typicons – MORE INFO

typicons

A FREE ICON WEB FONT – MORE INFO

free-icon-web-font

Pixelated Icon Set – MORE INFO

pixelated-icon-set

Pictonic – MORE INFO

pictonic

Pictos – MORE INFO

pictos

StateFace – MORE INFO

stateface

Iconic – MORE INFO

iconic

PulsarJS – MORE INFO

pulsarjs

Erler Dingbats – MORE INFO

erler-dingbats

Symbol Signs collection – MORE INFO

symbol-signs-collection

80 Mini Icons – MORE INFO

80-mini-icons

Pixel-perfect icons for web cartography – MORE INFO

pixel-perfect-icons

Fico – MORE INFO

fico

Uicons – MORE INFO

uicons

Ikoo Typo – MORE INFO

ikoo-typo

Sosa – MORE INFO

sosa

Meteocons – MORE INFO

meteocons

Dot Com – MORE INFO

dot-com

Socialico – MORE INFO

socialico

Ecqlipse 2 – MORE INFO

ecqlipse-2

WEB SYMBOLS – MORE INFO

web-symbols

OpenWeb Icons – MORE INFO

open-web-icons

Bitcons – MORE INFO

bitcons

Flexi Social Icons Regular – MORE INFO

flexi-social-icons

Icons – MORE INFO

icons

JustVector Social Icons Font – MORE INFO

justvector-social-icons

The Entypo Pictogram Suite – MORE INFO

entypo-pictogram

PW Drawn Icons – MORE INFO

pw-drawn-icons

One-Div – MORE INFO

one-div

KDNMEDIA – MORE INFO

kdn-media

RONDO – MORE INFO

rondo

Ligature Symbols – MORE INFO

ligature-symbols

Multi-Format Social Media Glyph Set – MORE INFO

multi-format

http://fontello.com/

http://www.zurb.com/playground/foundation-icons

http://adamwhitcroft.com/batch/

http://icons.marekventur.de/

https://github.com/fontello/fontelico.font – could not find icon set

http://www.fontsquirrel.com/fonts/modern-pictograms

http://thedesignoffice.org/project/modern-pictograms/

http://mfglabs.github.com/mfglabs-iconset/

http://icomoon.io/#preview-free

http://aristeides.com/elusive-iconfont/index.html

http://typicons.com/

http://www.heydonworks.com/article/a-free-icon-web-font

http://wplifeguard.com/pixelated-icon-set/

https://pictonic.co/free

http://pictos.cc/font/

http://propublica.github.com/stateface/

http://somerandomdude.com/work/iconic/

http://xperiments.es/blog/en/free-pulsarjs-fontface-iconfont/

http://www.heydonworks.com/a-free-icon-web-font – duplicate

http://www.ffdingbatsfont.com/erler/index.html

http://www.designworkplan.com/design/symbol-signs.htm

http://www.premiumpixels.com/freebies/80-mini-icons-psd-icon-font/

http://mapbox.com/maki/

http://fico.lensco.be/

http://uicons.co/

http://fontstruct.com/fontstructions/show/352362

http://www.tenbytwenty.com/sosa.php

http://www.alessioatzeni.com/meteocons/

http://www.dafont.com/dotcom.font?fpp=50

http://www.justbenicestudio.com/studio/websymbols/ – no symbols on the page

http://fontfabric.com/social-media-icons-pack/

http://chrfb.deviantart.com/art/quot-ecqlipse-2-quot-PNG-59941546

http://www.alexpeattie.com/projects/justvector_font/ – could not find page

http://www.fontsquirrel.com/fonts/web-symbols

http://pfefferle.github.com/openwebicons/

http://somerandomdude.com/work/bitcons/

http://www.myfonts.com/fonts/juraj-chrastina/flexi-social-icons/flexi-social-icons/gallery.html

http://metroui.org.ua/icons.php

http://blog.martianwabbit.com/post/4344642365/justvector-social-icons-font

http://www.entypo.com/

http://www.peax-webdesign.com/goodies/free-icons/icones-gratuites/icon-font.html

http://one-div.com/

http://kdnmedia.com/

http://www.tajfa.com/projects/rondo/

http://kudakurage.com/ligature_symbols/

http://pixelb.in/multi-format-social-media-glyph-set-243/

Hi I am Mike! I am a web developer with a creative mindset and I love to play with WordPress and share my experience, tips and tricks with others. Follow me here on ThemeCrunch and keep yourself up to date on important WordPress stuff ;)

Your Turn To Talk

Your email address will not be published.