Edit your SVGs to have unique markup
Programs like Sketch output their .svg files with the same ids as each other by default, which causes the svgs to override each other's markup when multiple are displayed on a webpage.
This script solves this issue by renaming the id and class attributes of all SVG elements to be unique.
Install:
$ npm i -g svg-unique
Use:
$ svgu
or
$ svgu --input=./customInputDir --output=./customOutputDir
| Argument | Use | Default value |
|---|---|---|
| --input | Custom input directory | . |
| --output | Custom output directory | --input |