SVG imports as black square

215 views
Skip to first unread message

cca...@torsionmobile.com

unread,
Sep 25, 2014, 3:03:51 PM9/25/14
to ico...@googlegroups.com
I have an SVG that imports as a black square when importing to the font.

<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In -->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="49.6px" height="49.6px" viewBox="0 0 49.6 49.6" enable-background="new 0 0 49.6 49.6"
xml:space="preserve">
<defs>
</defs>
<g>
<defs>
<rect id="SVGID_1_" x="4.6" y="5" width="40.1" height="40.6"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_2_)">
<defs>
<path id="SVGID_3_" d="M24.8,5C13.9,5,5,12.8,5,22.3c0,5.5,2.9,10.3,7.4,13.5v8.8l8.7-5.3c1.2,0.2,2.4,0.3,3.7,0.3
c10.9,0,19.8-7.7,19.8-17.3C44.6,12.8,35.8,5,24.8,5z M31,28.5H18.6c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2H31
c0.7,0,1.2,0.6,1.2,1.2C32.3,27.9,31.7,28.5,31,28.5z M33.5,21.1H16.1c-0.7,0-1.2-0.6-1.2-1.2c0-0.7,0.6-1.2,1.2-1.2h17.3
c0.7,0,1.2,0.6,1.2,1.2C34.7,20.5,34.2,21.1,33.5,21.1z"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_3_" overflow="visible"/>
</clipPath>
<rect x="0" clip-path="url(#SVGID_4_)" fill-rule="evenodd" clip-rule="evenodd" width="49.6" height="49.6"/>
</g>
</g>
</svg>

Keyamoon

unread,
Sep 25, 2014, 3:19:35 PM9/25/14
to ico...@googlegroups.com
Your SVG is using clipPath which is not supported in IcoMoon right now. I may try to add support for it in future but for now you will have to use a simple path:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="49.6px" height="49.6px" viewBox="0 0 49.6 49.6" enable-background="new 0 0 49.6 49.6" xml:space="preserve">
<path d="M24.8,5C13.9,5,5,12.8,5,22.3C5,27.8,7.9,32.6,12.4,35.8v8.8l8.7-5.3c1.2,0.2,2.4,0.3,3.7,0.3c10.9,0,19.8-7.7,19.8-17.3
C44.6,12.8,35.8,5,24.8,5z M31,28.5H18.6c-0.7,0-1.2-0.601-1.2-1.2c0-0.7,0.601-1.2,1.2-1.2H31c0.7,0,1.2,0.601,1.2,1.2
C32.3,27.9,31.7,28.5,31,28.5z M33.5,21.1H16.1c-0.7,0-1.2-0.6-1.2-1.2c0-0.699,0.601-1.199,1.2-1.199h17.3c0.7,0,1.2,0.6,1.2,1.199
C34.7,20.5,34.2,21.1,33.5,21.1z"/>
</svg>

Reply all
Reply to author
Forward
0 new messages