Inline Svg Vs Svg Sprite. Extract the downloaded zipped archive and find the generated SVG file in the sprite folder inside. Table of Contents Material Icons Icon font for the web Icon SVGs for the w.
In this article we will compare usage of Googles Material Design Icons as font and SVG. Inline svg vs svg Sprite vs multiple external files. You dont see multiple lines of irelevant code in your files.
I have played a little around with svg inline and as sprite.
If you have a lot of icons on a single page then icon fonts may provide a smoother user experience than inline SVGs. Active 1 year 2 months ago. One way is to simply use inline elements in the HTML but this means duplication of potentially quite some SVG images. Inlines external svgs sprites and updates xlinkhref attributes in tags to reference the inlined svg.