There are some excellent website builder online these days which can create awesome looking websites in no time, but sooner or later you may certainly want to start learning the basics of coding somewhere in your lifetime (if you ever want to take full control of your website in future!) The knowledge is truly going to help you in a long run, not just for fixing small things, but may be build a website from scratch, seriously! So if you are ready to venture out in web development world, here are some basic HTML and CSS resources to help you start.

Saaraan Icon font set is general purpose icons for web developers. It contains 169 icons (planing to add more in future). I have created these icons for learning purpose, but please feel free to use them in your projects.

Icon fonts are ideal way to replace regular PNG or image icons when designing a website, because icon fonts are versatile and relatively lite, they can be easily embedded into HTML using CSS @font-face and best part is that they are scalable, and various CSS effects can be applied just like fonts. Let’s find-out some of free icon fonts available that are absolutely free to use in our web projects.

Icon fonts can be embedded simply using CSS @font-face like any other fonts, but there are few simple rules to follow for cross-platform compatibility. Let us look at the usage of @font-face rule and data-icon attribute to display icons stored in a Font file.