Multiple SVG Icons with display error (fixed)

Community resources Product feedback
1

Hi Webflow,

I placed 4 SVG icons with “Embed”, they fixed at the bottom right corner.
However, all display the same first icon (suppose 4 different)…

The read-only link as below, any ideas? Thanks a lot…

Tom,

https://preview.webflow.com/preview/xbniao?utm_medium=preview_link&utm_source=designer&utm_content=xbniao&preview=070d032d383c82d03d4e203bfa53f923&mode=preview

2

My guess is because you have them all named the same class. I suggest naming them individually, i.e. HTML Embed 1, 2, 3, 4 respectively. Then they will behave as individuals.

1 Like
3

Thanks TheCat, I tried your suggestion and other changing at this morning… Yes, it is because the naming…

It is fixed, I found the problem in the SVG coding those I placed (the same id appear in different SVG coding).

4

In my case I duplicated the existing element (code embed with class and svg code) and edited the ID’s in the svg code for the different elements. Now it works.