1
0
mirror of https://github.com/SimonPistache/famfamfam-silk-svg.git synced 2025-06-08 01:54:20 +02:00
famfamfam-silk-svg/icons/DVD edit.svg
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

75 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_134_2483)">
<g clip-path="url(#clip1_134_2483)">
<g clip-path="url(#clip2_134_2483)">
<mask id="path-1-inside-1_134_2483" 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_2483_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(213, 213, 213, 1) 0deg,rgba(255, 255, 255, 1) 19.8434deg,rgba(255, 244, 183, 1) 31.0548deg,rgba(255, 237, 136, 1) 55.8443deg,rgba(255, 255, 255, 1) 72.1291deg,rgba(237, 237, 237, 1) 76.4907deg,rgba(152, 214, 255, 1) 107.426deg,rgba(235, 235, 235, 1) 110.724deg,rgba(191, 243, 158, 1) 223.79deg,rgba(194, 194, 194, 1) 226.086deg,rgba(255, 255, 255, 1) 230.029deg,rgba(210, 210, 210, 1) 243.225deg,rgba(231, 231, 231, 1) 316.155deg,rgba(255, 255, 255, 1) 317.595deg,rgba(201, 201, 201, 1) 354.309deg,rgba(213, 213, 213, 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;:1.0,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#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.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#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.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#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.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#34;stopsVar&#34;:[{&#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.055120464414358139},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.95738303661346436,&#34;b&#34;:0.72062176465988159,&#34;a&#34;:1.0},&#34;position&#34;:0.086263343691825867},{&#34;color&#34;:{&#34;r&#34;:1.0,&#34;g&#34;:0.93145388364791870,&#34;b&#34;:0.53388673067092896,&#34;a&#34;:1.0},&#34;position&#34;:0.15512295067310333},{&#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.20035858452320099},{&#34;color&#34;:{&#34;r&#34;:0.93000000715255737,&#34;g&#34;:0.93000000715255737,&#34;b&#34;:0.93000000715255737,&#34;a&#34;:1.0},&#34;position&#34;:0.21247418224811554},{&#34;color&#34;:{&#34;r&#34;:0.59850257635116577,&#34;g&#34;:0.84183436632156372,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.29840609431266785},{&#34;color&#34;:{&#34;r&#34;:0.92526042461395264,&#34;g&#34;:0.92526042461395264,&#34;b&#34;:0.92526042461395264,&#34;a&#34;:1.0},&#34;position&#34;:0.3075672984123230},{&#34;color&#34;:{&#34;r&#34;:0.75136303901672363,&#34;g&#34;:0.95441359281539917,&#34;b&#34;:0.62214887142181396,&#34;a&#34;:1.0},&#34;position&#34;:0.62163805961608887},{&#34;color&#34;:{&#34;r&#34;:0.76113283634185791,&#34;g&#34;:0.76113283634185791,&#34;b&#34;:0.76113283634185791,&#34;a&#34;:1.0},&#34;position&#34;:0.62801724672317505},{&#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.63897055387496948},{&#34;color&#34;:{&#34;r&#34;:0.82488608360290527,&#34;g&#34;:0.82488608360290527,&#34;b&#34;:0.82488608360290527,&#34;a&#34;:1.0},&#34;position&#34;:0.67562526464462280},{&#34;color&#34;:{&#34;r&#34;:0.90605407953262329,&#34;g&#34;:0.90605407953262329,&#34;b&#34;:0.90605407953262329,&#34;a&#34;:1.0},&#34;position&#34;:0.87820714712142944},{&#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.88220709562301636},{&#34;color&#34;:{&#34;r&#34;:0.7907714843750,&#34;g&#34;:0.7907714843750,&#34;b&#34;:0.7907714843750,&#34;a&#34;:1.0},&#34;position&#34;:0.98419117927551270}],&#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="url(#paint1_linear_134_2483)" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_134_2483)"/>
<mask id="path-3-inside-2_134_2483" 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_2483)"/>
</g>
<rect y="6" width="11" height="6" rx="1" fill="#303030"/>
<path d="M1.9964 6.9806C3.0694 6.9806 4.0844 7.3112 4.0844 8.97C4.0844 10.5882 3.11 11 2.0834 11H0.877V6.9806H1.9964ZM2.1298 7.6708H1.8282V10.3098H2.1414C2.7156 10.3098 3.0984 10.0372 3.0984 8.97C3.0984 7.8912 2.6866 7.6708 2.1298 7.6708ZM7.11617 6.9806L5.99677 11H4.81357L3.65357 6.9806H4.65697L5.42257 10.2576L6.14177 6.9806H7.11617ZM8.06918 6.9806C9.14218 6.9806 10.1572 7.3112 10.1572 8.97C10.1572 10.5882 9.18278 11 8.15618 11H6.94978V6.9806H8.06918ZM8.20258 7.6708H7.90098V10.3098H8.21418C8.78838 10.3098 9.17118 10.0372 9.17118 8.97C9.17118 7.8912 8.75938 7.6708 8.20258 7.6708Z" fill="white"/>
</g>
<path d="M4.54043 14.803C4.45989 14.991 4.50188 15.209 4.64645 15.3536C4.79102 15.4981 5.00904 15.5401 5.19696 15.4596L8.69696 13.9596C8.84946 13.8942 8.9596 13.7575 8.99098 13.5946C9.02235 13.4316 8.97087 13.2638 8.85355 13.1464L6.85355 11.1464C6.73624 11.0291 6.56836 10.9776 6.40545 11.009C6.24253 11.0404 6.10578 11.1505 6.04043 11.303L4.54043 14.803Z" fill="url(#paint2_linear_134_2483)"/>
<path d="M4.54043 14.803C4.45989 14.991 4.50188 15.209 4.64645 15.3536C4.79102 15.4981 5.00904 15.5401 5.19696 15.4596L8.69696 13.9596C8.84946 13.8942 8.9596 13.7575 8.99098 13.5946C9.02235 13.4316 8.97087 13.2638 8.85355 13.1464L6.85355 11.1464C6.73624 11.0291 6.56836 10.9776 6.40545 11.009C6.24253 11.0404 6.10578 11.1505 6.04043 11.303L4.54043 14.803Z" fill="url(#paint3_linear_134_2483)"/>
<path d="M4.54043 14.803C4.45989 14.991 4.50188 15.209 4.64645 15.3536C4.79102 15.4981 5.00904 15.5401 5.19696 15.4596L8.69696 13.9596C8.84946 13.8942 8.9596 13.7575 8.99098 13.5946C9.02235 13.4316 8.97087 13.2638 8.85355 13.1464L6.85355 11.1464C6.73624 11.0291 6.56836 10.9776 6.40545 11.009C6.24253 11.0404 6.10578 11.1505 6.04043 11.303L4.54043 14.803Z" stroke="url(#paint4_linear_134_2483)" stroke-linejoin="round"/>
<path d="M4.54043 14.803C4.45989 14.991 4.50188 15.209 4.64645 15.3536C4.79102 15.4981 5.00904 15.5401 5.19696 15.4596L8.69696 13.9596C8.84946 13.8942 8.9596 13.7575 8.99098 13.5946C9.02235 13.4316 8.97087 13.2638 8.85355 13.1464L6.85355 11.1464C6.73624 11.0291 6.56836 10.9776 6.40545 11.009C6.24253 11.0404 6.10578 11.1505 6.04043 11.303L4.54043 14.803Z" stroke="url(#paint5_linear_134_2483)" stroke-linejoin="round"/>
<path d="M6.14645 11.1464C5.95118 11.3417 5.95118 11.6583 6.14645 11.8536L8.14645 13.8536C8.34171 14.0488 8.65829 14.0488 8.85355 13.8536L14.8536 7.85355C15.0488 7.65829 15.0488 7.34171 14.8536 7.14645L12.8536 5.14645C12.6583 4.95118 12.3417 4.95118 12.1464 5.14645L6.14645 11.1464Z" fill="url(#paint6_linear_134_2483)" stroke="url(#paint7_linear_134_2483)" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 11.5L7.20711 12.2071L13.2071 6.20711L12.5 5.5L6.5 11.5Z" fill="#FCF4B3"/>
<path d="M14.1464 7.85356L14.5 8.20712L14.8536 7.85356C15.0768 7.63032 15.3397 7.23926 15.4185 6.75535C15.5023 6.24043 15.3688 5.66169 14.8536 5.14646C14.3383 4.63123 13.7596 4.49768 13.2447 4.58151C12.7607 4.66028 12.3697 4.92321 12.1464 5.14646L11.7929 5.50001L12.1464 5.85356L14.1464 7.85356Z" fill="url(#paint8_linear_134_2483)" stroke="url(#paint9_linear_134_2483)"/>
</g>
<defs>
<clipPath id="paint0_angular_134_2483_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_134_2483" x1="16" y1="16" x2="0" y2="0" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-color="#666666"/>
</linearGradient>
<linearGradient id="paint2_linear_134_2483" x1="6.16667" y1="11.8889" x2="8.11111" y2="13.8333" gradientUnits="userSpaceOnUse">
<stop stop-color="#FAE7D1"/>
<stop offset="1" stop-color="#E89840"/>
</linearGradient>
<linearGradient id="paint3_linear_134_2483" x1="6.94444" y1="12.6667" x2="3.83333" y2="15.7778" gradientUnits="userSpaceOnUse">
<stop stop-color="#584013" stop-opacity="0"/>
<stop offset="0.499937" stop-color="#584013" stop-opacity="0"/>
<stop offset="0.661921" stop-color="#584013"/>
</linearGradient>
<linearGradient id="paint4_linear_134_2483" x1="6.16667" y1="12.6667" x2="7.33333" y2="13.8333" gradientUnits="userSpaceOnUse">
<stop stop-color="#B98926"/>
<stop offset="1" stop-color="#AA6016"/>
</linearGradient>
<linearGradient id="paint5_linear_134_2483" x1="7.72222" y1="11.8889" x2="3.83333" y2="15.7778" gradientUnits="userSpaceOnUse">
<stop offset="0.5" stop-color="#B98926" stop-opacity="0"/>
<stop offset="0.656842" stop-color="#584013"/>
</linearGradient>
<linearGradient id="paint6_linear_134_2483" x1="6.5" y1="11.6579" x2="8.34211" y2="13.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#F5DC60"/>
<stop offset="1" stop-color="#EFCB1A"/>
</linearGradient>
<linearGradient id="paint7_linear_134_2483" x1="6.5" y1="11.6579" x2="8.3421" y2="13.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#E9C755"/>
<stop offset="1" stop-color="#D98F3B"/>
</linearGradient>
<linearGradient id="paint8_linear_134_2483" x1="12.4766" y1="6.30195" x2="14.8903" y2="6.69267" gradientUnits="userSpaceOnUse">
<stop stop-color="#FDD7D1"/>
<stop offset="1" stop-color="#FBACA1"/>
</linearGradient>
<linearGradient id="paint9_linear_134_2483" x1="12.5" y1="6.31509" x2="14.8693" y2="6.72938" gradientUnits="userSpaceOnUse">
<stop stop-color="#E1B3AD"/>
<stop offset="1" stop-color="#B17971"/>
</linearGradient>
<clipPath id="clip0_134_2483">
<rect width="16" height="16" fill="white"/>
</clipPath>
<clipPath id="clip1_134_2483">
<rect width="16" height="16" fill="white"/>
</clipPath>
<clipPath id="clip2_134_2483">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>