Menu

When I import icons, they all look identical. How do I fix this?

If the icons share the same CSS classes or mask IDs in their SVG code, they look identical when used in the browser or imported in Nucleo. Make sure to inspect the code and remove unnecessary classes or IDs.

If you're using Sketch to export icons, you can use their SVGO compressor plugin to make sure the exported icons don't share mask IDs.

Top