Symbol Font

Symbol font icon vs image icon

Embedding a symbol font is much beneficial than the CSS sprite. The file size and the caching of the symbol font is look like a CSS sprite, but it has some other benefits including high-resolution displays. Many high-traffic websites have replaced their site’s image icons into single symbol fonts. Symbol fonts turn the blocky raster icon images into smooth vector images through HTML. In order to help in the symbol font creation, now lots of tools have been released.
Symbol and Icon fonts

Symbol and Icon fonts have been a great trend in Web Design for quite some time and with great reason, they work well for all kinds of websites and are super easy to place on your content. Icon fonts are completely scalable, in these types of icons you can simply increase the font size and they will scale without loosing quality. i.camera-icon { color: #4BCED1; font-size: 24px; }

Iconion: awesome icon creator