Estimated reading time: 3 minutes

Sometimes on the internet ran into some ingenious solutions, that resolve in a few clicks a job that otherwise would last a few minutes (you, ok, we are talking about minutes, but is always a time-saving). The resources that we mark today (taken from the English blog SixRevisions) are simple font, whose characters consist of monochrome icons ready to be included in the web (with the CSS rule “@font-face“), a technique in use for some time, but that hardly see applied.

The benefits arising from the use of this technique can be summarized as:

• And it's’ a cross-browser solution (are supported most of the browser, even IE6),
• The icon can be scaled on the fly by changing a parameter in the font style,
• The color can be changed just as quickly always changing the style element,
• And it's’ You can add additional effects using CSS properties (for example “text-shadow” and “gradient“).

All of the following are fonts with different licenses, but can also be used for commercial purposes.

1. Foundation Icon Font

Icons: 137 // License: WITH (open source)

2. Sosa Icon Font

Icons: 121 // License: Custom License (possible use in commercial projects)

3. Font Awesome

Icons: 196 // License: Creative Commons Attribution 3.0 Unported

4. Iconic Icon Set

Icons: 172 // License: SIL Open Font License and Creative Commons Attribution-ShareAlike 3.0

5. Raphaël Icon-Set

Icons: 116 // License: WITH (open source)

6. PulsarJS @ font-face

Icons: // License: SIL Open Font License

7. IcoMoon

Icons: 316 // License: Attribution-ShareAlike 3.0 Unported

8. Typicons

Icons: 88 // License: Creative Commons Attribution 3.0 Unported

9. Entypo

Icons: 100+ // License: Creative Commons Attribution 3.0 Unported

10. Heydings Icons

Icons: 60 // License: Attribution-NoDerivs 3.0 Unported

11. Heydings Controls

Icons: 50 // License: Attribution-NoDerivs 3.0 Unported

12. JustVector Social Icons Font

Icons:  62// License: Free Art License

13. Modern Pictograms

Icons: 86 // License: SIL Open Font License

14. Brandico

Icons: 18 // License: SIL Open Font License and Attribution-ShareAlike 3.0 Unported

15. Signify Lite

Icons: 38 // License: Custom License (possible use in commercial projects)

16. Web Symbol Typeface

Icons: 78 // License: SIL Open Font License

17. Social Media Icons

Icons: 74 // License: Custom License (possible use in commercial projects)

18. Ikoo

Icons: 65 // License: Attribution-ShareAlike 3.0 Unported