export svg for mapbox

[keepcarlson]

I have created a simple design which I hope to use in mapbox as an icon.  mapbox requires svg.  I  export my design to svg but when I load into mapbox, the fill colors are not there.  the icon is "there" in my custom styles list but the colors do not appear at all.  I have tried multiple different settings on the AD Export More options from the svg export tab (making sure to check Use hex colors, flatten, etc) , but they all have the same result when brought into mapbox.

Mapbox has troubleshooting for Illustrator and other problems here - https://docs.mapbox.com/help/troubleshooting/studio-svg-upload-errors/#common-issues

I cannot find the equivalent settings for what is suggested for Illustrator in Designer.

I also tried to understand the svg file by changing the .svg to .txt and examining it in notepad.  I checked the various tags against support / unsupported elements, and I cannot see any problems (admittedly I am not a web designer however)

I can see the .svg in both firefox and chrome.

Thank you for any help.  Windows 10, AD 1.8.2

 

 

training.afdesign training_7_unchecksetviewbox.svg

[firstdefence]

I have successfully upload the SVG to Mapbox...

I have altered the afdesign file somewhat by boolean adding all the white objects...

Summary: Merging the white and unchecking the set view box in any of the SVG export options will allow you to upload SVG files correctly to map box.
 

 

 

[keepcarlson]

Thank you so much for helping!

I went back to my afdesign document.

Selected all the white elements, converted to curves, added their geometries so they are now one element.

Still upon exporting to .svg (uncheck viewbox) it loads.....but it is "blank".

 

 

training.afdesign training_11.svg

[firstdefence]

This is very odd, I went back to the training_7_unchecksetviewbox file.SVG and from there merged all the white, then used SVG for export and clicked more and unchecked the set view box option, exported and uploaded successfully.

Renamed to avoid confusion: training7.svg if you upload this file it will work as I’ve just uploaded it.

Note: before merging all the white I removed the circles from the layer1 (layer) and deleted it so all that was left was the colour ellipse and the merged white.