insert svg file in html with animation
<!-- option 1 just the image --> <img src="sample.svg" /> <!-- option 2 svg with animations or interactions --> <object type="image/svg+xml" data="sample.svg"></object> <!-- option 3 with animations and if you want to search the image --> <object type="image/svg+xml" data="sample.svg"> <img src="sample.svg" /> </object> <!-- option 4 directly on the html all the svg file --> <body> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="4" fill="red" /> </svg> </body>