Image Sprite Vs Svg. They are lightweightvery light in fact when compared to icon fonts and PNG graphics. SVG is winning the race when it comes to graphics that scale on the web.
Free 100 Pixel Icons Ai Png Svg Omahpsd Pixel Art Games Pixel Art Tutorial Pixel Art Characters from www.pinterest.com
Choose the technique that suits you based on your design requirements and browser support SVG starts at IE9 and above all other modern browsers. Has anyone ever used SVG for image sprites. The benefits of using SVG are numerous but to me it boils down to scalability.
Again our SVG icons are placed inside a main SVG container that is going to be our SVG sprite.
Again our SVG icons are placed inside a main SVG container that is going to be our SVG sprite. Using image sprites will reduce the number of server requests and save bandwidth. Lastly SVGs are best for simple images or Icons that can be scaled or modified based on the use case. In order to avoid having to make a separate request for each icon we can go back to our old friend the sprite except this time in SVG.
