1
0
mirror of https://github.com/SimonPistache/famfamfam-silk-svg.git synced 2025-06-08 01:54:20 +02:00
Simon Priet 7e782cfbff
feat(#162): Upload decorator iconset (#163)
* 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.
2025-03-14 17:21:13 +01:00

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="{&#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;:8.2694606912993296e-15,&#34;m01&#34;:10.0,&#34;m02&#34;:0.0,&#34;m10&#34;:-10.0,&#34;m11&#34;:6.0490146420490165e-15,&#34;m12&#34;:10.0},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;: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>