Uploaded SVG images not rendering properly

63 views
Skip to first unread message

Kevin

unread,
Mar 17, 2016, 4:47:46 PM3/17/16
to IcoMoon
I created a set of SVG files from PNGs in Illustrator using Image Trace. They upload and display fine on icomoon.io, but when I access them in my website builder which supports custom SVG fonts, the images are split up into multiple characters, with some of the resulting characters unviewable. I think I need to do something to the image in Illustrator to get it to import properly, but I'm not very experienced with the software. I've tried various combinations of expanding, ungrouping, and making compound paths, but nothing has worked. I've attached one of the SVG files and a screenshot of how it appears in the website builder (the colors are also inverted; ignore the circle). Advice would be very appreciated!
Events.svg
Screen Shot 2016-03-17 at 4.35.33 PM.png

Keyamoon

unread,
Mar 17, 2016, 4:51:06 PM3/17/16
to IcoMoon
See icomoon.io/#docs/importing

Your SVG is multicolor. Remove all parts that are white. Instead of using white fills, subtract shapes to make holes. Make sure all parts in your SVG are united and have the same color.

Kevin

unread,
Mar 17, 2016, 5:34:53 PM3/17/16
to IcoMoon
Re-doing the image trace with 'Ignore white' selected solved everything! Thanks.
Reply all
Reply to author
Forward
0 new messages