After the rise of smartphones with large screens and Apple’s Retina MacBooks, placing icons, small symbols used to clarify functions in web design, faced serious challenges. Images used with a 1:1 ratio appeared either blurry or with unwanted artifacts.

There were two solutions to this problem: SVG vector images or icon fonts. The advantages of icon fonts over SVG are clear, so no explanation is needed here. What inspired me to write this post, however, was discovering the Fontello service, which offers the best solution to two major icon font problems: large file size and limited variety.

Fontello aggregates various free icon font collections and allows you to select only the icons you need from this diverse collection, loading only those in your project instead of hundreds of unused icons.

Access Fontello