1
0
mirror of https://github.com/SimonPistache/famfamfam-silk-svg.git synced 2025-06-10 11:04:21 +02:00
Simon Priet 3377bb2025
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
2025-03-14 16:45:56 +01:00

37 lines
13 KiB
XML

<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_135_3243)">
<g clip-path="url(#clip1_135_3243)">
<mask id="path-1-inside-1_135_3243" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/>
</mask>
<g clip-path="url(#paint0_angular_135_3243_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(179, 217, 243, 1) 0deg,rgba(200, 237, 249, 1) 3.52214deg,rgba(254, 255, 255, 1) 20.2533deg,rgba(232, 247, 255, 1) 31.2867deg,rgba(241, 254, 255, 1) 54.4623deg,rgba(255, 255, 255, 1) 67.0121deg,rgba(148, 188, 231, 1) 72.317deg,rgba(196, 225, 255, 1) 109.826deg,rgba(148, 188, 231, 1) 111.588deg,rgba(186, 219, 254, 1) 173.66deg,rgba(241, 253, 255, 1) 222.879deg,rgba(151, 189, 236, 1) 225.026deg,rgba(200, 237, 249, 1) 228.18deg,rgba(148, 188, 231, 1) 243.669deg,rgba(178, 214, 251, 1) 316.332deg,rgba(255, 255, 255, 1) 318.437deg,rgba(186, 219, 254, 1) 337.38deg,rgba(151, 189, 236, 1) 355.047deg,rgba(179, 217, 243, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;transform&#34;:{&#34;m00&#34;:1.3231137444892106e-14,&#34;m01&#34;:16.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-16.0,&#34;m11&#34;:9.6784237660916053e-15,&#34;m12&#34;:16.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
<path d="M15 8C15 11.866 11.866 15 8 15V17C12.9706 17 17 12.9706 17 8H15ZM8 1C11.866 1 15 4.13401 15 8H17C17 3.02944 12.9706 -1 8 -1V1ZM1 8C1 4.13401 4.13401 1 8 1V-1C3.02944 -1 -1 3.02944 -1 8H1ZM8 15C4.13401 15 1 11.866 1 8H-1C-1 12.9706 3.02944 17 8 17V15ZM8 8V10C9.10457 10 10 9.10457 10 8H8ZM8 8H10C10 6.89543 9.10457 6 8 6V8ZM8 8V6C6.89543 6 6 6.89543 6 8H8ZM8 8H6C6 9.10457 6.89543 10 8 10V8Z" fill="#5988B9" mask="url(#path-1-inside-1_135_3243)"/>
<mask id="path-3-inside-2_135_3243" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"/>
</mask>
<path d="M14 8C14 11.3137 11.3137 14 8 14V16C12.4183 16 16 12.4183 16 8H14ZM8 2C11.3137 2 14 4.68629 14 8H16C16 3.58172 12.4183 0 8 0V2ZM2 8C2 4.68629 4.68629 2 8 2V0C3.58172 0 0 3.58172 0 8H2ZM8 14C4.68629 14 2 11.3137 2 8H0C0 12.4183 3.58172 16 8 16V14ZM9 8C9 8.55228 8.55228 9 8 9V11C9.65685 11 11 9.65685 11 8H9ZM8 7C8.55228 7 9 7.44772 9 8H11C11 6.34315 9.65685 5 8 5V7ZM7 8C7 7.44772 7.44772 7 8 7V5C6.34315 5 5 6.34315 5 8H7ZM8 9C7.44772 9 7 8.55228 7 8H5C5 9.65685 6.34315 11 8 11V9Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-3-inside-2_135_3243)"/>
</g>
<mask id="path-5-inside-3_135_3243" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 16C15 16 16 14.5 16 13C16 12.3557 15.5445 11.6431 14.9596 10.8568C14.9606 10.9108 14.9606 10.9588 14.9606 11C14.9606 11.5 14.3477 12 13.7348 12C13.1218 12 12.6451 11.6513 12.5089 11C12.3768 10.3682 12.501 9.55058 13.0681 8.13283C13.0449 8.08872 13.0222 8.04445 13 8C12.8453 8.18048 12.6667 8.37692 12.4752 8.58747C11.4291 9.73789 10 11.3094 10 13C10 14.5 11 16 13 16Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 16C15 16 16 14.5 16 13C16 12.3557 15.5445 11.6431 14.9596 10.8568C14.9606 10.9108 14.9606 10.9588 14.9606 11C14.9606 11.5 14.3477 12 13.7348 12C13.1218 12 12.6451 11.6513 12.5089 11C12.3768 10.3682 12.501 9.55058 13.0681 8.13283C13.0449 8.08872 13.0222 8.04445 13 8C12.8453 8.18048 12.6667 8.37692 12.4752 8.58747C11.4291 9.73789 10 11.3094 10 13C10 14.5 11 16 13 16Z" fill="url(#paint1_linear_135_3243)"/>
<path d="M14.9596 10.8568L15.7619 10.26L13.9002 7.75722L13.9598 10.8759L14.9596 10.8568ZM12.5089 11L11.5301 11.2047L11.5301 11.2047L12.5089 11ZM13.0681 8.13283L13.9966 8.50423L14.1679 8.07593L13.9533 7.6676L13.0681 8.13283ZM13 8L13.8944 7.55279L13.2209 6.20571L12.2407 7.34921L13 8ZM12.4752 8.58747L13.2151 9.26025V9.26025L12.4752 8.58747ZM15 13C15 13.5369 14.8199 14.0412 14.5026 14.3981C14.2016 14.7367 13.7286 15 13 15V17C14.2714 17 15.2984 16.5133 15.9974 15.7269C16.6801 14.9588 17 13.9631 17 13H15ZM14.1572 11.4537C14.4436 11.8386 14.6645 12.1616 14.8133 12.4457C14.9644 12.7342 15 12.9068 15 13H17C17 12.4489 16.8078 11.9431 16.585 11.5177C16.3598 11.0879 16.0605 10.6613 15.7619 10.26L14.1572 11.4537ZM13.9598 10.8759C13.9606 10.9192 13.9606 10.9584 13.9606 11H15.9606C15.9606 10.9592 15.9606 10.9024 15.9594 10.8377L13.9598 10.8759ZM13.9606 11C13.9606 10.919 13.9851 10.8744 13.9873 10.8706C13.9893 10.8672 13.9789 10.8853 13.9454 10.9126C13.913 10.939 13.8722 10.9631 13.8291 10.9795C13.7861 10.9959 13.7533 11 13.7348 11V13C14.3012 13 14.8257 12.7756 15.2097 12.4624C15.578 12.1619 15.9606 11.654 15.9606 11H13.9606ZM13.7348 11C13.6199 11 13.5753 10.9693 13.564 10.9604C13.556 10.9541 13.5139 10.9203 13.4877 10.7953L11.5301 11.2047C11.6401 11.731 11.9044 12.1972 12.3221 12.5281C12.7365 12.8563 13.2367 13 13.7348 13V11ZM13.4877 10.7953C13.4189 10.4664 13.445 9.88315 13.9966 8.50423L12.1396 7.76143C11.557 9.21801 11.3346 10.27 11.5301 11.2047L13.4877 10.7953ZM12.1056 8.44721C12.1309 8.49789 12.1567 8.54817 12.1829 8.59805L13.9533 7.6676C13.9332 7.62928 13.9135 7.59101 13.8944 7.55279L12.1056 8.44721ZM13.2151 9.26025C13.4039 9.05259 13.5931 8.84461 13.7593 8.65079L12.2407 7.34921C12.0975 7.51636 11.9294 7.70126 11.7354 7.91469L13.2151 9.26025ZM11 13C11 12.4324 11.2433 11.8112 11.6828 11.1376C12.12 10.4675 12.6838 9.84446 13.2151 9.26025L11.7354 7.91468C11.2205 8.48089 10.5466 9.21885 10.0078 10.0447C9.47122 10.8671 9 11.877 9 13H11ZM13 15C12.2714 15 11.7984 14.7367 11.4974 14.3981C11.1801 14.0412 11 13.5369 11 13H9C9 13.9631 9.3199 14.9588 10.0026 15.7269C10.7016 16.5133 11.7286 17 13 17V15Z" fill="url(#paint2_linear_135_3243)" mask="url(#path-5-inside-3_135_3243)"/>
</g>
<defs>
<clipPath id="paint0_angular_135_3243_clip_path"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z"/></clipPath><linearGradient id="paint1_linear_135_3243" x1="13" y1="8" x2="13" y2="16" gradientUnits="userSpaceOnUse">
<stop offset="0.378063" stop-color="#FFE828"/>
<stop offset="0.867036" stop-color="#F8AF18"/>
</linearGradient>
<linearGradient id="paint2_linear_135_3243" x1="10" y1="8" x2="16" y2="16" gradientUnits="userSpaceOnUse">
<stop offset="0.255538" stop-color="#F9A400"/>
<stop offset="0.777803" stop-color="#FA2700"/>
</linearGradient>
<clipPath id="clip0_135_3243">
<rect width="16" height="16" fill="white"/>
</clipPath>
<clipPath id="clip1_135_3243">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>