Which is smarter in terms of resources: inline or svg background?

Question

css

For example, there is a non-bold regular icon that does not need to change color, etc. - just display once (not in a sprite). In this case, is it better to inline the svg or use it as a background image? And why?

Answer 1

You don't need to inline SVG just like that. If you are not going to do any manipulations with its internals through JS, then insert it with an img tag or background-image style. Thus, you will not clog the markup once again.
There are more ways to insert through iframe and object. I advise you to study the difference, as it may come in handy in the future when working.