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
58 lines
16 KiB
XML
58 lines
16 KiB
XML
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<mask id="path-1-outside-1_199_4041" maskUnits="userSpaceOnUse" x="0" y="1" width="16" height="11" fill="black">
|
|
<rect fill="white" y="1" width="16" height="11"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.23607C1 6.08082 1.03614 5.92771 1.10557 5.78885L2.72361 2.55279C2.893 2.214 3.23926 2 3.61803 2H12.382C12.7607 2 13.107 2.214 13.2764 2.55279L14.8944 5.78885C14.9639 5.92771 15 6.08082 15 6.23607V10C15 10.5523 14.5523 11 14 11H2C1.44772 11 1 10.5523 1 10V6.23607Z"/>
|
|
</mask>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.23607C1 6.08082 1.03614 5.92771 1.10557 5.78885L2.72361 2.55279C2.893 2.214 3.23926 2 3.61803 2H12.382C12.7607 2 13.107 2.214 13.2764 2.55279L14.8944 5.78885C14.9639 5.92771 15 6.08082 15 6.23607V10C15 10.5523 14.5523 11 14 11H2C1.44772 11 1 10.5523 1 10V6.23607Z" fill="url(#paint0_linear_199_4041)"/>
|
|
<path d="M14.8944 5.78885L14 6.23607L14.8944 5.78885ZM13.2764 2.55279L14.1708 2.10557L13.2764 2.55279ZM1.10557 5.78885L0.211146 5.34164L1.10557 5.78885ZM1.82918 2.10557L0.211146 5.34164L2 6.23607L3.61803 3L1.82918 2.10557ZM12.382 1H3.61803V3H12.382V1ZM15.7889 5.34164L14.1708 2.10557L12.382 3L14 6.23607L15.7889 5.34164ZM14 6.23607V10H16V6.23607H14ZM14 10H2V12H14V10ZM2 10V6.23607H0V10H2ZM2 10H2H0C0 11.1046 0.895431 12 2 12V10ZM14 10V12C15.1046 12 16 11.1046 16 10H14ZM14 6.23607H16C16 5.92558 15.9277 5.61935 15.7889 5.34164L14 6.23607ZM12.382 3V3L14.1708 2.10557C13.832 1.428 13.1395 1 12.382 1V3ZM0.211146 5.34164C0.0722901 5.61935 0 5.92558 0 6.23607H2L2 6.23607L0.211146 5.34164ZM3.61803 3H3.61803V1C2.86049 1 2.16796 1.428 1.82918 2.10557L3.61803 3Z" fill="url(#paint1_linear_199_4041)" mask="url(#path-1-outside-1_199_4041)"/>
|
|
<mask id="path-3-inside-2_199_4041" fill="white">
|
|
<path d="M13 4.5C13 5.32843 10.7614 6 8 6C5.23858 6 3 5.32843 3 4.5C3 3.67157 5.23858 3 8 3C10.7614 3 13 3.67157 13 4.5Z"/>
|
|
</mask>
|
|
<path d="M13 4.5C13 5.32843 10.7614 6 8 6C5.23858 6 3 5.32843 3 4.5C3 3.67157 5.23858 3 8 3C10.7614 3 13 3.67157 13 4.5Z" fill="#D9D9D9"/>
|
|
<path d="M12 4.5C12 4.22229 12.1833 4.15846 12.0285 4.26821C11.8998 4.35953 11.6486 4.48271 11.2482 4.60283C10.4601 4.83926 9.31143 5 8 5V7C9.44999 7 10.8013 6.82495 11.8229 6.51849C12.3273 6.36716 12.8083 6.16712 13.1856 5.89953C13.5369 5.65036 14 5.19192 14 4.5H12ZM8 5C6.68857 5 5.5399 4.83926 4.75181 4.60283C4.3514 4.48271 4.10022 4.35953 3.97146 4.26821C3.81672 4.15846 4 4.22229 4 4.5H2C2 5.19192 2.4631 5.65036 2.81439 5.89953C3.19166 6.16712 3.67271 6.36716 4.17712 6.51849C5.19867 6.82495 6.55001 7 8 7V5ZM4 4.5C4 4.77771 3.81672 4.84154 3.97146 4.73179C4.10022 4.64047 4.3514 4.51729 4.75181 4.39717C5.5399 4.16074 6.68857 4 8 4V2C6.55001 2 5.19867 2.17505 4.17712 2.48151C3.67271 2.63284 3.19166 2.83288 2.81439 3.10047C2.4631 3.34964 2 3.80808 2 4.5H4ZM8 4C9.31143 4 10.4601 4.16074 11.2482 4.39717C11.6486 4.51729 11.8998 4.64047 12.0285 4.73179C12.1833 4.84154 12 4.77771 12 4.5H14C14 3.80808 13.5369 3.34964 13.1856 3.10047C12.8083 2.83288 12.3273 2.63284 11.8229 2.48151C10.8013 2.17505 9.44999 2 8 2V4Z" fill="url(#paint2_linear_199_4041)" mask="url(#path-3-inside-2_199_4041)"/>
|
|
<mask id="path-5-inside-3_199_4041" fill="white">
|
|
<path d="M1 7H15V10C15 10.5523 14.5523 11 14 11H2C1.44772 11 1 10.5523 1 10V7Z"/>
|
|
</mask>
|
|
<path d="M1 7H15H1ZM16 10C16 11.1046 15.1046 12 14 12H2C0.895431 12 0 11.1046 0 10H2H14H16ZM2 12C0.895431 12 0 11.1046 0 10V7H2V10V12ZM16 7V10C16 11.1046 15.1046 12 14 12V10V7H16Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:soft-light" mask="url(#path-5-inside-3_199_4041)"/>
|
|
<path d="M3.61803 2.5H12.382C12.5714 2.5 12.7445 2.607 12.8292 2.77639L13.2691 2.55645L12.8292 2.77639L14.5 6.11803V6.5H1.5V6.11803L3.17082 2.77639C3.25552 2.607 3.42865 2.5 3.61803 2.5Z" stroke="white" stroke-opacity="0.66" style="mix-blend-mode:hard-light"/>
|
|
<rect x="3" y="8" width="10" height="1" rx="0.5" fill="black" fill-opacity="0.5" style="mix-blend-mode:hard-light"/>
|
|
<g clip-path="url(#clip0_199_4041)">
|
|
<mask id="mask0_199_4041" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="8" width="16" height="7">
|
|
<rect width="16" height="7" transform="matrix(1 0 0 -1 0 15)" fill="#D9D9D9"/>
|
|
</mask>
|
|
<g mask="url(#mask0_199_4041)">
|
|
<mask id="path-10-inside-4_199_4041" fill="white">
|
|
<path d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z"/>
|
|
</mask>
|
|
<g clip-path="url(#paint3_angular_199_4041_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.004 0.005 0 8 10)"><foreignObject x="-1250" y="-1250" width="2500" height="2500"><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 d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z" 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":8.2694606912993296e-15,"m01":10.0,"m02":3.0,"m10":-8.0,"m11":4.8392118830458027e-15,"m12":14.0},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
|
|
<path d="M12 10C12 11.4602 10.4289 13 8 13V15C11.0939 15 14 12.9581 14 10H12ZM8 13C5.5711 13 4 11.4602 4 10H2C2 12.9581 4.90606 15 8 15V13ZM4 10C4 8.53984 5.5711 7 8 7V5C4.90606 5 2 7.04188 2 10H4ZM8 7C10.4289 7 12 8.53984 12 10H14C14 7.04188 11.0939 5 8 5V7Z" fill="url(#paint4_linear_199_4041)" mask="url(#path-10-inside-4_199_4041)"/>
|
|
<mask id="path-12-inside-5_199_4041" fill="white">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 13C10.2091 13 12 11.6568 12 10C12 8.34314 10.2091 7 8 7C5.79086 7 4 8.34314 4 10C4 11.6568 5.79086 13 8 13ZM8 10.5C8.55228 10.5 9 10.2761 9 10C9 9.72386 8.55228 9.5 8 9.5C7.44772 9.5 7 9.72386 7 10C7 10.2761 7.44772 10.5 8 10.5Z"/>
|
|
</mask>
|
|
<path d="M11 10C11 10.4431 10.7629 10.9205 10.2284 11.3213C9.69369 11.7224 8.90912 12 8 12V14C9.30002 14 10.5155 13.606 11.4284 12.9213C12.3417 12.2364 13 11.2138 13 10H11ZM8 8C8.90912 8 9.69369 8.27762 10.2284 8.67868C10.7629 9.0795 11 9.5569 11 10H13C13 8.78624 12.3417 7.76364 11.4284 7.07868C10.5155 6.39395 9.30002 6 8 6V8ZM5 10C5 9.5569 5.23714 9.0795 5.77157 8.67868C6.30631 8.27762 7.09088 8 8 8V6C6.69998 6 5.48455 6.39395 4.57157 7.07868C3.65829 7.76364 3 8.78624 3 10H5ZM8 12C7.09088 12 6.30631 11.7224 5.77157 11.3213C5.23714 10.9205 5 10.4431 5 10H3C3 11.2138 3.65829 12.2364 4.57157 12.9213C5.48455 13.606 6.69998 14 8 14V12ZM8 10C8 9.78218 8.09186 9.6269 8.15794 9.54878C8.18998 9.51091 8.21815 9.48772 8.23432 9.47575C8.2428 9.46947 8.24936 9.46527 8.25347 9.46277C8.25761 9.46027 8.25985 9.45915 8.25989 9.45913C8.25996 9.4591 8.25826 9.45994 8.25465 9.46143C8.25106 9.46291 8.24589 9.4649 8.23908 9.4672C8.22528 9.47186 8.20636 9.47727 8.18234 9.48235C8.13364 9.49265 8.07158 9.5 8 9.5V11.5C8.39773 11.5 8.80724 11.4215 9.15432 11.248C9.44159 11.1043 10 10.7209 10 10H8ZM8 10.5C8.07158 10.5 8.13364 10.5074 8.18234 10.5177C8.20636 10.5227 8.22528 10.5281 8.23908 10.5328C8.24589 10.5351 8.25106 10.5371 8.25465 10.5386C8.25826 10.5401 8.25996 10.5409 8.25989 10.5409C8.25985 10.5409 8.25761 10.5397 8.25347 10.5372C8.24936 10.5347 8.2428 10.5305 8.23432 10.5242C8.21815 10.5123 8.18998 10.4891 8.15794 10.4512C8.09186 10.3731 8 10.2178 8 10H10C10 9.2791 9.44159 8.89565 9.15432 8.75202C8.80724 8.57848 8.39773 8.5 8 8.5V10.5ZM8 10C8 10.2178 7.90814 10.3731 7.84206 10.4512C7.81002 10.4891 7.78185 10.5123 7.76568 10.5242C7.7572 10.5305 7.75064 10.5347 7.74653 10.5372C7.74239 10.5397 7.74015 10.5409 7.74011 10.5409C7.74004 10.5409 7.74174 10.5401 7.74535 10.5386C7.74894 10.5371 7.75411 10.5351 7.76092 10.5328C7.77472 10.5281 7.79364 10.5227 7.81766 10.5177C7.86636 10.5074 7.92842 10.5 8 10.5V8.5C7.60227 8.5 7.19276 8.57848 6.84568 8.75202C6.55841 8.89565 6 9.2791 6 10H8ZM8 9.5C7.92842 9.5 7.86636 9.49265 7.81766 9.48235C7.79364 9.47727 7.77472 9.47186 7.76092 9.4672C7.75411 9.4649 7.74894 9.46291 7.74535 9.46143C7.74174 9.45994 7.74004 9.4591 7.74011 9.45913C7.74015 9.45915 7.74239 9.46027 7.74653 9.46277C7.75064 9.46527 7.7572 9.46947 7.76568 9.47575C7.78185 9.48772 7.81002 9.51091 7.84206 9.54878C7.90814 9.6269 8 9.78218 8 10H6C6 10.7209 6.55841 11.1043 6.84568 11.248C7.19276 11.4215 7.60227 11.5 8 11.5V9.5Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-12-inside-5_199_4041)"/>
|
|
<ellipse cx="1" cy="0.5" rx="1" ry="0.5" transform="matrix(1 0 0 -1 7 10.5)" fill="#7A9ED3"/>
|
|
</g>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="paint3_angular_199_4041_clip_path"><path d="M13 10C13 12.2091 10.7614 14 8 14C5.23858 14 3 12.2091 3 10C3 7.79086 5.23858 6 8 6C10.7614 6 13 7.79086 13 10Z"/></clipPath><linearGradient id="paint0_linear_199_4041" x1="1" y1="2" x2="15.9154" y2="10.5231" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#DBDBDB"/>
|
|
<stop offset="1" stop-color="#AEAEAE"/>
|
|
</linearGradient>
|
|
<linearGradient id="paint1_linear_199_4041" x1="5" y1="2" x2="11.931" y2="10.2145" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#DEDEDE"/>
|
|
<stop offset="1" stop-color="#737373"/>
|
|
</linearGradient>
|
|
<linearGradient id="paint2_linear_199_4041" x1="7" y1="2" x2="9.73114" y2="6.56232" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="white"/>
|
|
<stop offset="1" stop-color="#999999"/>
|
|
</linearGradient>
|
|
<linearGradient id="paint4_linear_199_4041" x1="3" y1="6" x2="10.8049" y2="15.7561" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.147434" stop-color="#B4CFF5"/>
|
|
<stop offset="0.85197" stop-color="#4978C0"/>
|
|
</linearGradient>
|
|
<clipPath id="clip0_199_4041">
|
|
<rect width="10" height="10" fill="white" transform="translate(3 5)"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
