SVG Icon— icon in sync, pattern id issue
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