SVG sprite - I have 16 icons for 300 lines of code. Is it normal to load so much code in the head?

Question

css

I'm trying out svg sprites and have some questions.
How will search engines react to the fact that I insert 300 lines of svg sprite code into the head? Is there any elegant way to solve this problem? I'm not going to change the color, but the size needs to be changed depending on the page.

Answer 1

And you can use caching in localStorage. I wrote about how to make a sprite and cache it in the article How we use SVG sprites

Answer 2

Three hundred lines of icons on every page? Of course it's not normal!
Upload the file and scale on the page .