How to embed svg image in html page?

Question

css

Hello!
Please do not immediately send to Google) The
question is:
What is the best way to embed an svg image into an html page at the moment?
That is, to make it cross-browser friendly and more optimized?
I found old articles, but I doubt that standards have not changed in a couple of years)

Answer 1

palmistry.hol.es -
Optimization measures after copying from a file made in the "incskape" editor and saved as hand.svg
- pasted all the code copied from the SVG file onto the page
- cleaned up some garbage that remains after the editor
- signed the elements with his classes
- as far as he could - he took out the styles in the CSS file in order to free up even more space
SVG is ready to go. There are selectors that can be used to manipulate through jQuery just like any other tags on the page.
This is without discussing the server side. Quite enough to work comfortably.

Answer 2

Crossbrowser - no way. My sites are still visited with IE6 but not more than 1%. Full SVG support since 9ki. And there are a lot of users from 8 (over 5%). In general, the issue is relevant and requires crutches. I used to do with svgweb .

Answer 3

Embed is possible.
I think object too.
Some people seem to understand img.
And also there is an inline svg.

Answer 4

Sara Soueidan tells in order what's what
https://www.youtube.com/watch?v=lf7L8X6ZBu8&list=P...
https://docs.google.com/presentation/d/1Iuvf3saPCJ...
if you need something faster INLINE SVG
caniuse.com/#search=inline%20svg