1
0
mirror of https://github.com/SimonPistache/famfamfam-silk-svg.git synced 2025-06-10 11:04:21 +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
8.7 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_3527)">
<mask id="path-1-inside-1_140_3527" 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_3527_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(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="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;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#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.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#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.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.0097837150096893311},{&#34;color&#34;:{&#34;r&#34;:0.99607843160629272,&#34;g&#34;:1.0,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.056259077042341232},{&#34;color&#34;:{&#34;r&#34;:0.90980392694473267,&#34;g&#34;:0.96862745285034180,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.086907573044300079},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99607843160629272,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.15128423273563385},{&#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.18614466488361359},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.20088045299053192},{&#34;color&#34;:{&#34;r&#34;:0.77070313692092896,&#34;g&#34;:0.88364005088806152,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.30507355928421021},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.30996635556221008},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.48238837718963623},{&#34;color&#34;:{&#34;r&#34;:0.94509804248809814,&#34;g&#34;:0.99215686321258545,&#34;b&#34;:1.0,&#34;a&#34;:1.0},&#34;position&#34;:0.61910802125930786},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.62507313489913940},{&#34;color&#34;:{&#34;r&#34;:0.78431373834609985,&#34;g&#34;:0.92941176891326904,&#34;b&#34;:0.97647058963775635,&#34;a&#34;:1.0},&#34;position&#34;:0.63383287191390991},{&#34;color&#34;:{&#34;r&#34;:0.58039218187332153,&#34;g&#34;:0.73725491762161255,&#34;b&#34;:0.90588235855102539,&#34;a&#34;:1.0},&#34;position&#34;:0.67685914039611816},{&#34;color&#34;:{&#34;r&#34;:0.69803923368453979,&#34;g&#34;:0.83921569585800171,&#34;b&#34;:0.98431372642517090,&#34;a&#34;:1.0},&#34;position&#34;:0.87870067358016968},{&#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.88454765081405640},{&#34;color&#34;:{&#34;r&#34;:0.7294117808341980,&#34;g&#34;:0.85882353782653809,&#34;b&#34;:0.99607843160629272,&#34;a&#34;:1.0},&#34;position&#34;:0.93716704845428467},{&#34;color&#34;:{&#34;r&#34;:0.59215688705444336,&#34;g&#34;:0.74117648601531982,&#34;b&#34;:0.92549020051956177,&#34;a&#34;:1.0},&#34;position&#34;:0.98624092340469360}],&#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_3527)" mask="url(#path-1-inside-1_140_3527)"/>
<mask id="path-3-inside-2_140_3527" 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_3527)"/>
<circle cx="5" cy="5" r="1" fill="#7A9ED3"/>
</g>
<defs>
<clipPath id="paint0_angular_140_3527_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_3527" x1="0" y1="0" x2="10" y2="10" gradientUnits="userSpaceOnUse">
<stop offset="0.147434" stop-color="#B4CFF5"/>
<stop offset="0.85197" stop-color="#4978C0"/>
</linearGradient>
<clipPath id="clip0_140_3527">
<rect width="10" height="10" fill="white"/>
</clipPath>
</defs>
</svg>