Sprite Vs Svg. An SVG image sprite is an SVG file containing multiple images eg icons. We are currently using PNGs in production for icons but as a designer Im trying to push for using SVGs for the benefit of.
Im planning to switch from PNG sprites to SVG sprites for a new project. With SVG sprite In addition to the SVG sprite file itself the HTML code would be longer because we need to refer to the SVG. SVG is winning the race when it comes to graphics that scale on the web.
Viewed 2k times 2 0.
If you know the icons need to be raster images then youll likely be using CSS sprites. Two of those options are using inline SVG and. To create a sprite in SVG we use the tag and apply an ID for referencing later and the viewBox attribute for defining the canvas size. Compare svg-sprite-loader vs svgr and see what are their differences.