SVG Icon— icon in sync, pattern id issue

Fred Wong
fredwong-it
Published in
May 9, 2023

I created 2 svg icons with the same pattern id. One of them is close icon and the other is timer icon. I found out that the close icon would be changed to timer icon when the timer icon was presented in the same component.

Only close icon

timer icon before close icon

close icon before timer icon

The 2 icons looked like in sync.

Then I found out that both icons had the same pattern id pattern0

Solution

It displayed correctly after I updated one id to pattern1

--

--