Today we are talking about SVG (Scalable Vector Graphics), the use of SVG in websites and hand full of free SVG Icons.
SVG is an XML format for vector graphics we can define shapes by typing in text into an SVG document. Generally SVG will allow us to manage vector graphics in your HTML. You can use SVG as images by leaving out the SVG format to the HTML document or you can type SVG code directly into your html document.
Vector graphics means it can be scaled easily, this is one of the major benefits of using SVG in your HTML and one size fit all. This sort of behavior is truly beneficial for high resolution displays we will produce crystal clear pictures for our website.
Most modern browsers can render SVG and then that makes SVG a very secure alternative to bitmap images. Browser support is very essential when we are going through a new technology so it seems like SVG have a really good time to come.
Another major advantage of SVG is it can be easily controlled by CSS like hover antiatoms, Size.. SVG is really a print friendly as it is a vector graphic.
In this post you can see a good list of Free SVG icons, there are few advantages of using SVG icons on your website instead of bitmap or Font. Bitmap images can be blurred in high resolution screes like retina displays so SVG is truly a solution for such troubles. Of course icon fonts are good in above situations it really affects the speed of your website. SVG icons are very lightweight so it will render faster in your browser.