* 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
Simon Priet
GitHub
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 11 KiB |
33
icons/CD.svg
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 9.1 KiB |
@ -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="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.49999997019767761,"g":0.0,"b":1.0,"a":1.0},"position":0.0},{"color":{"r":0.0,"g":0.0,"b":1.0,"a":1.0},"position":0.070000000298023224},{"color":{"r":0.0,"g":0.50,"b":1.0,"a":1.0},"position":0.15000000596046448},{"color":{"r":0.0,"g":1.0,"b":1.0,"a":1.0},"position":0.25034114718437195},{"color":{"r":0.0,"g":1.0,"b":0.50,"a":1.0},"position":0.34499999880790710},{"color":{"r":0.0,"g":1.0,"b":0.0,"a":1.0},"position":0.41923147439956665},{"color":{"r":0.50,"g":1.0,"b":0.0,"a":1.0},"position":0.49852919578552246},{"color":{"r":1.0,"g":1.0,"b":0.047070313245058060,"a":1.0},"position":0.58499997854232788},{"color":{"r":1.0,"g":0.50,"b":0.0,"a":1.0},"position":0.66678863763809204},{"color":{"r":1.0,"g":0.0,"b":0.0,"a":1.0},"position":0.74626994132995605},{"color":{"r":1.0,"g":0.0,"b":0.50,"a":1.0},"position":0.82411247491836548},{"color":{"r":1.0,"g":0.0,"b":1.0,"a":1.0},"position":0.90818727016448975},{"color":{"r":0.49882811307907104,"g":0.0,"b":0.99765622615814209,"a":1.0},"position":1.0}],"stopsVar":[{"color":{"r":0.49999997019767761,"g":0.0,"b":1.0,"a":1.0},"position":0.0},{"color":{"r":0.0,"g":0.0,"b":1.0,"a":1.0},"position":0.070000000298023224},{"color":{"r":0.0,"g":0.50,"b":1.0,"a":1.0},"position":0.15000000596046448},{"color":{"r":0.0,"g":1.0,"b":1.0,"a":1.0},"position":0.25034114718437195},{"color":{"r":0.0,"g":1.0,"b":0.50,"a":1.0},"position":0.34499999880790710},{"color":{"r":0.0,"g":1.0,"b":0.0,"a":1.0},"position":0.41923147439956665},{"color":{"r":0.50,"g":1.0,"b":0.0,"a":1.0},"position":0.49852919578552246},{"color":{"r":1.0,"g":1.0,"b":0.047070313245058060,"a":1.0},"position":0.58499997854232788},{"color":{"r":1.0,"g":0.50,"b":0.0,"a":1.0},"position":0.66678863763809204},{"color":{"r":1.0,"g":0.0,"b":0.0,"a":1.0},"position":0.74626994132995605},{"color":{"r":1.0,"g":0.0,"b":0.50,"a":1.0},"position":0.82411247491836548},{"color":{"r":1.0,"g":0.0,"b":1.0,"a":1.0},"position":0.90818727016448975},{"color":{"r":0.49882811307907104,"g":0.0,"b":0.99765622615814209,"a":1.0},"position":1.0}],"transform":{"m00":9.7971748206813428e-16,"m01":-16.0,"m02":16.0,"m10":16.0,"m11":9.7971748206813428e-16,"m12":-9.7971748206813428e-16},"opacity":1.0,"blendMode":"NORMAL","visible":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)">
|
||||
<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)">
|
||||
<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="white"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 8.9 KiB |
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 8.8 KiB |