The Pixelgrade listable theme is very particular about how it likes it’s icons. There is a very specific set of rules you must follow if you want your icons to show up, and display correctly using the “currentColor” CSS class.
For starters use the above shown export options on your SVG (Adobe Illustrator CC 2016 shown). Beyond that you will need to follow several other rules.
- All graphics must be made in lines, NO FILLS. I have never been able to get a filled SVG icon to inherit the currentColor correctly.
- After you export and you are editing the SVG file to insert the currentColor class in place of your default color. You must replace any class that is titled sp0 with sp1 or an actual integer. For some reason it does not want to render any layers titled sp0.
Those are my best tips so far, I will keep uploading them if I can narrow it down even more. So far i’m about 7 hours into uploading icons and i’ve successfully gotten 3 to work…