also, if you have elements with id’s or class names inside your SVG image, it’s much easier to target those in JavaScript if the SVG code is directly pasted into the innerHTML.
I’m working on a project using maps with various locations - each location with a marker. I have one SVG graphic (pasted into a rectangle innerHTML). The SVG contains several different styles of marker icons. I can show or hide a specific icon for any given location by targeting a class name or id.
To my knowledge, I don’t think that’s possible with just dragging and dropping an SVG file from the resources library.