fix(#179): Fix angular gradient not working (#224)

* fix(#179): Fix angular gradient not working on svg on CD, DVD and Color wheel icon.

* fix(#179): Fix related icons + Page white CD, Page white DVD, Drive CD

icons/Color wheel.svg

@@ -1,27 +1,12 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_188_3282)">
-<circle cx="8" cy="8" r="8" fill="url(#paint0_angular_188_3282)"/>
+<g clip-path="url(#paint0_angular_188_3282_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.008 -0.008 0 8 8)"><foreignObject x="-1125" y="-1125" width="2250" height="2250"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(127, 0, 255, 1) 0deg,rgba(0, 0, 255, 1) 25.2deg,rgba(0, 127, 255, 1) 54deg,rgba(0, 255, 255, 1) 90.1228deg,rgba(0, 255, 127, 1) 124.2deg,rgba(0, 255, 0, 1) 150.923deg,rgba(127, 255, 0, 1) 179.471deg,rgba(255, 255, 12, 1) 210.6deg,rgba(255, 127, 0, 1) 240.044deg,rgba(255, 0, 0, 1) 268.657deg,rgba(255, 0, 127, 1) 296.68deg,rgba(255, 0, 255, 1) 326.947deg,rgba(127, 0, 254, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><circle cx="8" cy="8" r="8" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.49999997019767761,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.070000000298023224},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.50,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15000000596046448},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.25034114718437195},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.34499999880790710},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.41923147439956665},{&#34;color&#34;:{&#34;r&#34;:0.50,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.49852919578552246},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:0.047070313245058060,&#34;a&#34;:1.0},&#34;position&#34;:0.58499997854232788},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.50,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.66678863763809204},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.74626994132995605},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.82411247491836548},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.90818727016448975},{&#34;color&#34;:{&#34;r&#34;:0.49882811307907104,&#34;g&#34;:0.0,&#34;b&#34;:0.99765622615814209,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.49999997019767761,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.070000000298023224},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:0.50,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15000000596046448},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.25034114718437195},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.34499999880790710},{&#34;color&#34;:{&#34;r&#34;:0.0,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.41923147439956665},{&#34;color&#34;:{&#34;r&#34;:0.50,&#34;g&#34;:1.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.49852919578552246},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:0.047070313245058060,&#34;a&#34;:1.0},&#34;position&#34;:0.58499997854232788},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.50,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.66678863763809204},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.0,&#34;a&#34;:1.0},&#34;position&#34;:0.74626994132995605},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:0.50,&#34;a&#34;:1.0},&#34;position&#34;:0.82411247491836548},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.90818727016448975},{&#34;color&#34;:{&#34;r&#34;:0.49882811307907104,&#34;g&#34;:0.0,&#34;b&#34;:0.99765622615814209,&#34;a&#34;:1.0},&#34;position&#34;:1.0}],&#34;transform&#34;:{&#34;m00&#34;:9.7971748206813428e-16,&#34;m01&#34;:-16.0,&#34;m02&#34;:16.0,&#34;m10&#34;:16.0,&#34;m11&#34;:9.7971748206813428e-16,&#34;m12&#34;:-9.7971748206813428e-16},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
 <circle cx="8" cy="8" r="8" fill="url(#paint1_radial_188_3282)"/>
 <circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.33"/>
 <circle cx="8" cy="8" r="6.5" stroke="white" stroke-opacity="0.5"/>
 </g>
 <defs>
-<radialGradient id="paint0_angular_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
+<clipPath id="paint0_angular_188_3282_clip_path"><circle cx="8" cy="8" r="8"/></clipPath><radialGradient id="paint1_radial_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
-<stop stop-color="#7F00FF"/>
-<stop offset="0.07" stop-color="#0000FF"/>
-<stop offset="0.15" stop-color="#0080FF"/>
-<stop offset="0.250341" stop-color="#00FFFF"/>
-<stop offset="0.345" stop-color="#00FF80"/>
-<stop offset="0.419231" stop-color="#00FF00"/>
-<stop offset="0.498529" stop-color="#80FF00"/>
-<stop offset="0.585" stop-color="#FFFF0C"/>
-<stop offset="0.666789" stop-color="#FF8000"/>
-<stop offset="0.74627" stop-color="#FF0000"/>
-<stop offset="0.824112" stop-color="#FF0080"/>
-<stop offset="0.908187" stop-color="#FF00FF"/>
-<stop offset="1" stop-color="#7F00FE"/>
-</radialGradient>
-<radialGradient id="paint1_radial_188_3282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8 8) rotate(90) scale(8)">
 <stop stop-color="white"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </radialGradient>