Anwar Hussain

Anwar Hussain

Front-End Web Developer - HTML5, CSS3, JavaScript, React, VueJS, Git

Inline SVG icon: Inject SVG into HTML using JavaScript

You might be wondering how to implement SVG icon into your web page. The best way to put SVG element into an HTML document is inline SVG. Meaning the SVG code have to be placed inside the HTML. But often a complex graphic contains multiple lines of SVG code which might bloat your HTML document. Moreover, there could have multiple icons or graphical elements you need to put into a single web page. So writing all those SVG codes directly into markup is not efficient technique.

Read Full Post »

Icon Font vs SVG: Why I switched from an Icon Font to SVG

We all use a lot of icon font throughout our front end work. Most of my acquainted people design and develop templates for various marketplaces which ultimately used by startups, business team and large companies. I have witnessed a lot of the templates being used icon-font libraries like font-awesome, elegant-icons, line-icons etc.

Read Full Post »