mirror of
https://github.com/SimonPistache/famfamfam-silk-svg.git
synced 2025-06-08 01:54:20 +02:00
* feat(#162): add all decorators * fix(#179): Figma Angular gradient translate as CSS conic-gradient * fix(#220): Replace inner shadow with radial gradient * fix(#178): Remove diamond inner shadow It has been replaced with radial gradient * docs: Update ReadMe with decorators list Also update icon list to include all recent fixes. This is a BREAKING CHANGE.
24 lines
7.5 KiB
XML
24 lines
7.5 KiB
XML
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_140_3544)">
|
|
<mask id="path-1-inside-1_140_3544" fill="white">
|
|
<path d="M10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5Z"/>
|
|
</mask>
|
|
<g clip-path="url(#paint0_angular_140_3544_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 -0.005 0.005 0 5 5)"><foreignObject x="-1200" y="-1200" width="2400" height="2400"><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 d="M10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5Z" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.055120464414358139},{"color":{"r":1.0,"g":0.95738303661346436,"b":0.72062176465988159,"a":1.0},"position":0.086263343691825867},{"color":{"r":1.0,"g":0.93145388364791870,"b":0.53388673067092896,"a":1.0},"position":0.15512295067310333},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.20035858452320099},{"color":{"r":0.93000000715255737,"g":0.93000000715255737,"b":0.93000000715255737,"a":1.0},"position":0.21247418224811554},{"color":{"r":0.59850257635116577,"g":0.84183436632156372,"b":1.0,"a":1.0},"position":0.29840609431266785},{"color":{"r":0.92526042461395264,"g":0.92526042461395264,"b":0.92526042461395264,"a":1.0},"position":0.3075672984123230},{"color":{"r":0.75136303901672363,"g":0.95441359281539917,"b":0.62214887142181396,"a":1.0},"position":0.62163805961608887},{"color":{"r":0.76113283634185791,"g":0.76113283634185791,"b":0.76113283634185791,"a":1.0},"position":0.62801724672317505},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.63897055387496948},{"color":{"r":0.82488608360290527,"g":0.82488608360290527,"b":0.82488608360290527,"a":1.0},"position":0.67562526464462280},{"color":{"r":0.90605407953262329,"g":0.90605407953262329,"b":0.90605407953262329,"a":1.0},"position":0.87820714712142944},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.88220709562301636},{"color":{"r":0.7907714843750,"g":0.7907714843750,"b":0.7907714843750,"a":1.0},"position":0.98419117927551270}],"stopsVar":[{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.055120464414358139},{"color":{"r":1.0,"g":0.95738303661346436,"b":0.72062176465988159,"a":1.0},"position":0.086263343691825867},{"color":{"r":1.0,"g":0.93145388364791870,"b":0.53388673067092896,"a":1.0},"position":0.15512295067310333},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.20035858452320099},{"color":{"r":0.93000000715255737,"g":0.93000000715255737,"b":0.93000000715255737,"a":1.0},"position":0.21247418224811554},{"color":{"r":0.59850257635116577,"g":0.84183436632156372,"b":1.0,"a":1.0},"position":0.29840609431266785},{"color":{"r":0.92526042461395264,"g":0.92526042461395264,"b":0.92526042461395264,"a":1.0},"position":0.3075672984123230},{"color":{"r":0.75136303901672363,"g":0.95441359281539917,"b":0.62214887142181396,"a":1.0},"position":0.62163805961608887},{"color":{"r":0.76113283634185791,"g":0.76113283634185791,"b":0.76113283634185791,"a":1.0},"position":0.62801724672317505},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.63897055387496948},{"color":{"r":0.82488608360290527,"g":0.82488608360290527,"b":0.82488608360290527,"a":1.0},"position":0.67562526464462280},{"color":{"r":0.90605407953262329,"g":0.90605407953262329,"b":0.90605407953262329,"a":1.0},"position":0.87820714712142944},{"color":{"r":1.0,"g":1.0,"b":1.0,"a":1.0},"position":0.88220709562301636},{"color":{"r":0.7907714843750,"g":0.7907714843750,"b":0.7907714843750,"a":1.0},"position":0.98419117927551270}],"transform":{"m00":8.2694606912993296e-15,"m01":10.0,"m02":0.0,"m10":-10.0,"m11":6.0490146420490165e-15,"m12":10.0},"opacity":1.0,"blendMode":"NORMAL","visible":true}"/>
|
|
<path d="M9 5C9 7.20914 7.20914 9 5 9V11C8.31371 11 11 8.31371 11 5H9ZM5 9C2.79086 9 1 7.20914 1 5H-1C-1 8.31371 1.68629 11 5 11V9ZM1 5C1 2.79086 2.79086 1 5 1V-1C1.68629 -1 -1 1.68629 -1 5H1ZM5 1C7.20914 1 9 2.79086 9 5H11C11 1.68629 8.31371 -1 5 -1V1Z" fill="url(#paint1_linear_140_3544)" fill-opacity="0.5" style="mix-blend-mode:hard-light" mask="url(#path-1-inside-1_140_3544)"/>
|
|
<mask id="path-3-inside-2_140_3544" fill="white">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 9C7.20914 9 9 7.20914 9 5C9 2.79086 7.20914 1 5 1C2.79086 1 1 2.79086 1 5C1 7.20914 2.79086 9 5 9ZM5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6Z"/>
|
|
</mask>
|
|
<path d="M8 5C8 6.65685 6.65685 8 5 8V10C7.76142 10 10 7.76142 10 5H8ZM5 2C6.65685 2 8 3.34315 8 5H10C10 2.23858 7.76142 0 5 0V2ZM2 5C2 3.34315 3.34315 2 5 2V0C2.23858 0 0 2.23858 0 5H2ZM5 8C3.34315 8 2 6.65685 2 5H0C0 7.76142 2.23858 10 5 10V8ZM5 5V7C6.10457 7 7 6.10457 7 5H5ZM5 5H7C7 3.89543 6.10457 3 5 3V5ZM5 5V3C3.89543 3 3 3.89543 3 5H5ZM5 5H3C3 6.10457 3.89543 7 5 7V5Z" fill="white" fill-opacity="0.66" style="mix-blend-mode:hard-light" mask="url(#path-3-inside-2_140_3544)"/>
|
|
<circle cx="5" cy="5" r="1" fill="black" fill-opacity="0.33" style="mix-blend-mode:hard-light"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="paint0_angular_140_3544_clip_path"><path d="M10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5Z"/></clipPath><linearGradient id="paint1_linear_140_3544" x1="10" y1="10" x2="0" y2="0" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.136658"/>
|
|
<stop offset="0.888867" stop-color="#818181"/>
|
|
</linearGradient>
|
|
<clipPath id="clip0_140_3544">
|
|
<rect width="10" height="10" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|