mirror of
https://github.com/SimonPistache/famfamfam-silk-svg.git
synced 2025-06-08 01:54:20 +02:00
3377bb2025
* 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
43 lines
11 KiB
XML
43 lines
11 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_134_2349)">
|
|
<g clip-path="url(#clip1_134_2349)">
|
|
<mask id="path-1-inside-1_134_2349" 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_134_2349_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="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.78431373834609985,"g":0.92941176891326904,"b":0.97647058963775635,"a":1.0},"position":0.0097837150096893311},{"color":{"r":0.99607843160629272,"g":1.0,"b":1.0,"a":1.0},"position":0.056259077042341232},{"color":{"r":0.90980392694473267,"g":0.96862745285034180,"b":1.0,"a":1.0},"position":0.086907573044300079},{"color":{"r":0.94509804248809814,"g":0.99607843160629272,"b":1.0,"a":1.0},"position":0.15128423273563385},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.18614466488361359},{"color":{"r":0.58039218187332153,"g":0.73725491762161255,"b":0.90588235855102539,"a":1.0},"position":0.20088045299053192},{"color":{"r":0.77070313692092896,"g":0.88364005088806152,"b":1.0,"a":1.0},"position":0.30507355928421021},{"color":{"r":0.58039218187332153,"g":0.73725491762161255,"b":0.90588235855102539,"a":1.0},"position":0.30996635556221008},{"color":{"r":0.7294117808341980,"g":0.85882353782653809,"b":0.99607843160629272,"a":1.0},"position":0.48238837718963623},{"color":{"r":0.94509804248809814,"g":0.99215686321258545,"b":1.0,"a":1.0},"position":0.61910802125930786},{"color":{"r":0.59215688705444336,"g":0.74117648601531982,"b":0.92549020051956177,"a":1.0},"position":0.62507313489913940},{"color":{"r":0.78431373834609985,"g":0.92941176891326904,"b":0.97647058963775635,"a":1.0},"position":0.63383287191390991},{"color":{"r":0.58039218187332153,"g":0.73725491762161255,"b":0.90588235855102539,"a":1.0},"position":0.67685914039611816},{"color":{"r":0.69803923368453979,"g":0.83921569585800171,"b":0.98431372642517090,"a":1.0},"position":0.87870067358016968},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.88454765081405640},{"color":{"r":0.7294117808341980,"g":0.85882353782653809,"b":0.99607843160629272,"a":1.0},"position":0.93716704845428467},{"color":{"r":0.59215688705444336,"g":0.74117648601531982,"b":0.92549020051956177,"a":1.0},"position":0.98624092340469360}],"stopsVar":[{"color":{"r":0.78431373834609985,"g":0.92941176891326904,"b":0.97647058963775635,"a":1.0},"position":0.0097837150096893311},{"color":{"r":0.99607843160629272,"g":1.0,"b":1.0,"a":1.0},"position":0.056259077042341232},{"color":{"r":0.90980392694473267,"g":0.96862745285034180,"b":1.0,"a":1.0},"position":0.086907573044300079},{"color":{"r":0.94509804248809814,"g":0.99607843160629272,"b":1.0,"a":1.0},"position":0.15128423273563385},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.18614466488361359},{"color":{"r":0.58039218187332153,"g":0.73725491762161255,"b":0.90588235855102539,"a":1.0},"position":0.20088045299053192},{"color":{"r":0.77070313692092896,"g":0.88364005088806152,"b":1.0,"a":1.0},"position":0.30507355928421021},{"color":{"r":0.58039218187332153,"g":0.73725491762161255,"b":0.90588235855102539,"a":1.0},"position":0.30996635556221008},{"color":{"r":0.7294117808341980,"g":0.85882353782653809,"b":0.99607843160629272,"a":1.0},"position":0.48238837718963623},{"color":{"r":0.94509804248809814,"g":0.99215686321258545,"b":1.0,"a":1.0},"position":0.61910802125930786},{"color":{"r":0.59215688705444336,"g":0.74117648601531982,"b":0.92549020051956177,"a":1.0},"position":0.62507313489913940},{"color":{"r":0.78431373834609985,"g":0.92941176891326904,"b":0.97647058963775635,"a":1.0},"position":0.63383287191390991},{"color":{"r":0.58039218187332153,"g":0.73725491762161255,"b":0.90588235855102539,"a":1.0},"position":0.67685914039611816},{"color":{"r":0.69803923368453979,"g":0.83921569585800171,"b":0.98431372642517090,"a":1.0},"position":0.87870067358016968},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.88454765081405640},{"color":{"r":0.7294117808341980,"g":0.85882353782653809,"b":0.99607843160629272,"a":1.0},"position":0.93716704845428467},{"color":{"r":0.59215688705444336,"g":0.74117648601531982,"b":0.92549020051956177,"a":1.0},"position":0.98624092340469360}],"transform":{"m00":1.3231137444892106e-14,"m01":16.0,"m02":0.0,"m10":-16.0,"m11":9.6784237660916053e-15,"m12":16.0},"opacity":1.0,"blendMode":"NORMAL","visible":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_134_2349)"/>
|
|
<mask id="path-3-inside-2_134_2349" 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_134_2349)"/>
|
|
</g>
|
|
<g filter="url(#filter0_i_134_2349)">
|
|
<path d="M10 9H6V14H10V16H11L16 11.5L11 7H10V9Z" fill="#80B361"/>
|
|
</g>
|
|
<path d="M10 9.5C10.2761 9.5 10.5 9.27614 10.5 9V7.5H10.8081L15.2526 11.5L10.8081 15.5H10.5V14C10.5 13.7239 10.2761 13.5 10 13.5H6.5V9.5H10Z" stroke="url(#paint1_linear_134_2349)" stroke-linejoin="round"/>
|
|
<path d="M7.5 12.5V10.5H10C10.7149 10.5 11.2659 10.0257 11.4412 9.41686L13.7531 11.5L11.4413 13.5831C11.263 12.9643 10.6975 12.5 10.0049 12.5H7.5Z" stroke="white" stroke-opacity="0.2" stroke-linejoin="round"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="paint0_angular_134_2349_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><filter id="filter0_i_134_2349" x="6" y="7" width="12" height="11" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
<feOffset dx="2" dy="2"/>
|
|
<feGaussianBlur stdDeviation="1"/>
|
|
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
|
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
|
|
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_134_2349"/>
|
|
</filter>
|
|
<linearGradient id="paint1_linear_134_2349" x1="14.5714" y1="14.7143" x2="8.17837" y2="7.61089" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#247C10"/>
|
|
<stop offset="1" stop-color="#6FA53D"/>
|
|
</linearGradient>
|
|
<clipPath id="clip0_134_2349">
|
|
<rect width="16" height="16" fill="white"/>
|
|
</clipPath>
|
|
<clipPath id="clip1_134_2349">
|
|
<rect width="16" height="16" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
