Search code examples
htmlcsssvg

HTML Renders the First SVG in Multiple Elements Instead of the Second

I'm having an issue with rendering multiple SVG elements in an HTML file. When I include two different SVG code snippets in an HTML file, it displays the first SVG on each of the SVG elements after rendering. However, if I delete the first one, the second SVG renders perfectly.

Solution

  • Both SVG links to pattern with ID pattern0. For second SVG change pattern ID and update link to it to solve it.