Support angular gradients exported from Figma
Example:
<svg width="255" height="255" viewBox="0 0 255 255" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#paint0_angular_21_6_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.127021 -0.127021 0 127.021 127.021)"><foreignObject x="-1021.98" y="-1021.98" width="2043.96" height="2043.96"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(255, 116, 116, 1) 0deg,rgba(255, 222, 116, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="127.021" cy="127.021" r="127.021" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":1.0,"g":0.45723783969879150,"b":0.45723783969879150,"a":1.0},"position":0.0},{"color":{"r":1.0,"g":0.87335550785064697,"b":0.45723783969879150,"a":1.0},"position":1.0}],"stopsVar":[{"color":{"r":1.0,"g":0.45723783969879150,"b":0.45723783969879150,"a":1.0},"position":0.0},{"color":{"r":1.0,"g":0.87335550785064697,"b":0.45723783969879150,"a":1.0},"position":1.0}],"transform":{"m00":1.5555609304460614e-14,"m01":-254.04237365722656,"m02":254.04237365722656,"m10":254.04237365722656,"m11":1.4210854715202004e-14,"m12":-1.4883232856864256e-14},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
<defs>
<clipPath id="paint0_angular_21_6_clip_path"><circle cx="127.021" cy="127.021" r="127.021"/></clipPath></defs>
</svg>
Lauren
shared this idea
-
I fixed 'radial' to 'angular'. Ai just doesn’t offer angular (conical) gradients.
A request to have these is here: http://illustrator.uservoice.com/forums/333657/suggestions/36003616
