Exporting SVG icons to use for web overrides classnames colours get all messed up
When you have multiple icons exported in SVG to use for web, once its introduced in the code their classnames get overridden and the colours get messed up of all icons.
Our programmers are having to open each icon in text editor Atom/Sublime and change the name of the class names for a different and unique name to avoid overriding between files. It's quite frustrating and time consuming for them.
File > Export > Export As provides an option to create unique class names and IDs to avoid clashes when merging different SVG files into one document. In the SVG options panel select “Unique” under “Object IDs”.
Does this address your issue?