Font Icons Vs Svg. My feeling is an icon font or inline SVG would be best. Inline SVG would be transferred on each call of this page as content is not cached in the browser.
Large scalable images or multiple-colors svg This is where SVGs shine. Download them for use in your digital products for Android iOS and web. With SVG stroke outline versions of icons can share the same path as the original icon.
They are less in size and and you can change the size of the icon when required with image files pngjpeg it distorts the image file where as font icons scale properly.
With font icons you include font file that are of the extensionwoffttfeotsvg and the css file for that font. As you have guessed the SVG folder contains the generated SVG icons. If you plan to have 10 SVG is probably the way to go. Google Fonts is a library of 1064 free licensed font families and APIs for conveniently using the fonts via CSS and Android.
