Font icons, unlike image based icons are very flexible, and thus there are plenty of advantages of using icon fonts instead of images.
For starters, using fonts makes it easier to apply CSS effects such as colour, shadows, size etc and using hover effects are much simpler. It’s also very useful for responsive design as you can scale the fonts without any loss in quality. It removes the need to mockup multiple images.The possibilities are almost endless with CSS.
- Scalable
- Great for responsive design
We’ve selected a handful of the best icons fonts blow.
Zurb: Foundation Icon Fonts 3
With 283 icons in total, the foundation icon font pack has a comprehensive list of high quality icons.
The Entypo Pictogram Suite
Entypo is a set of over 250 icons
Github: Octicons
Although it doesn’t have near as many icons as the previous two, Github’s Octicons are good enough to make it to the list. It hasn’t been out for too long, but the icon pack has some great icons.
