What is SVG: How to use it with HTML/CSS

Most of the newbie UI/UX Designers are confused about SVG, they think SVG not as a format but as a hard coding language and that idea is completely wrong. SVG is a vector graphic format based on XML. SVG is very famous and widely used by Front/End Web Developer mostly in creating icons and web animation. There are several benefits of using SVG in a Web application that we will talk about them in this class. We are going to create a simple animation using CSS and SVG to show how we can integrate SVG with CSS code sheets. If you are ready lets get started :)