Merge pull request #4631 from nextcloud/big-sur-icon

Add SVG icon styled for macOS Big Sur
This commit is contained in:
Matthieu Gallien 2022-06-24 16:28:47 +02:00 committed by GitHub
commit 73a5aa141b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -0,0 +1,287 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<g
id="squircle-shadow"
opacity="0.55"
style="filter:url(#squircle-shadow-filter)"
>
<use
id="fill"
xlink:href="#squircle-path"
fill="black"
/>
</g>
<use
id="squircle-figure"
xlink:href="#squircle-path"
fill="url(#squircle-gradient)"
/>
<g
id="squircle-top-edge-figure"
mask="url(#squircle-mask)"
opacity="0.40"
style="filter:url(#squircle-top-edge-filter)"
>
<rect
id="fill"
mask="url(#squircle-edge-mask)"
width="100%"
height="100%"
fill="white"
/>
</g>
<g
id="squircle-bottom-edge-figure"
mask="url(#squircle-mask)"
opacity="0.40"
style="filter:url(#squircle-bottom-edge-filter)"
>
<rect
id="fill"
mask="url(#squircle-edge-mask)"
width="100%"
height="100%"
fill="black"
/>
</g>
<g
id="logo-shadow"
opacity="0.40"
style="filter:url(#logo-shadow-filter)"
>
<rect
id="fill"
mask="url(#logo-mask)"
width="100%"
height="100%"
fill="black"
/>
</g>
<g
id="logo-figure"
mask="url(#logo-mask)"
>
<rect
id="fill"
width="100%"
height="100%"
fill="white"
/>
</g>
<g
id="logo-top-edge-figure"
mask="url(#logo-mask)"
opacity="0.20"
style="filter:url(#logo-top-edge-filter)"
>
<rect
id="fill"
mask="url(#logo-edge-mask)"
width="100%"
height="100%"
fill="black"
/>
</g>
<g
id="logo-bottom-edge-figure"
mask="url(#logo-mask)"
opacity="0.40"
style="filter:url(#logo-bottom-edge-filter)"
>
<rect
id="fill"
mask="url(#logo-edge-mask)"
width="100%"
height="100%"
fill="black"
/>
</g>
<defs>
<path
id="squircle-path"
d="M468.997,100L357.361,100.406C347.554,100.406 337.747,100.402 327.94,100.462C319.678,100.514 311.421,100.607 303.161,100.83C285.167,101.315 267.014,102.373 249.217,105.565C231.164,108.801 214.36,114.085 197.959,122.414C181.835,130.602 167.082,141.297 154.291,154.057C141.501,166.816 130.78,181.53 122.573,197.609C114.217,213.98 108.919,230.752 105.673,248.771C102.477,266.517 101.418,284.618 100.931,302.563C100.709,310.8 100.613,319.039 100.563,327.279C100.503,337.063 100,349.216 100,358.999L100,554.998L100.508,667.427C100.508,677.223 100.504,687.019 100.563,696.815C100.613,705.067 100.709,713.317 100.932,721.566C101.418,739.542 102.479,757.675 105.678,775.452C108.923,793.485 114.22,810.27 122.569,826.653C130.777,842.759 141.5,857.495 154.291,870.272C167.081,883.049 181.831,893.757 197.951,901.956C214.362,910.302 231.174,915.595 249.238,918.836C267.026,922.029 285.174,923.087 303.161,923.574C311.421,923.796 319.679,923.891 327.941,923.941C337.748,924 347.554,924 357.361,924L667.643,924C677.432,924 687.219,924 697.008,923.941C705.253,923.891 713.495,923.796 721.738,923.574C739.698,923.087 757.816,922.027 775.579,918.832C793.597,915.59 810.367,910.299 826.738,901.959C842.83,893.761 857.555,883.051 870.321,870.272C883.086,857.497 893.786,842.763 901.978,826.661C910.317,810.269 915.603,793.476 918.843,775.431C922.034,757.66 923.092,739.534 923.577,721.566C923.8,713.316 923.894,705.066 923.945,696.815C924,687.019 924,677.223 924,667.427L924,356.627C924,346.845 924,337.062 923.945,327.279C923.894,319.038 923.8,310.799 923.576,302.563C923.092,284.609 922.033,266.502 918.84,248.75C915.602,230.74 910.314,213.979 901.982,197.616C893.789,181.533 883.088,166.817 870.321,154.057C857.556,141.299 842.834,130.605 826.746,122.418C810.365,114.083 793.587,108.797 775.558,105.56C757.803,102.372 739.691,101.315 721.738,100.83C713.495,100.607 705.253,100.514 697.008,100.462C687.219,100.402 677.432,100.406 667.643,100.406L553.997,100L468.997,100Z"
/>
<mask
id="squircle-mask"
>
<use
xlink:href="#squircle-path"
fill= "white"
/>
</mask>
<linearGradient
id="squircle-gradient"
gradientTransform="rotate(90)"
>
<stop
offset="0%"
stop-color="#1CB3FF"
/>
<stop
offset="100%"
stop-color="#0088CC"
/>
</linearGradient>
<filter
id="squircle-shadow-filter"
>
<feOffset
result="offOut"
in="SourceGraphic"
dx="0"
dy="10"
/>
<feGaussianBlur
result="blurOut"
in="offOut"
stdDeviation="10"
/>
<feBlend
in="SourceGraphic"
in2="blurOut"
mode="normal"
/>
</filter>
<mask
id="squircle-edge-mask"
>
<rect
id="fill"
width="100%"
height="100%"
fill="white"
/>
<use
xlink:href="#squircle-path"
fill= "black"
/>
</mask>
<filter
id="squircle-top-edge-filter"
>
<feOffset
result="offOut"
in="SourceGraphic"
dx="0"
dy="4"
/>
<feGaussianBlur
result="blurOut"
in="offOut"
stdDeviation="4"
/>
<feBlend
in="SourceGraphic"
in2="blurOut"
mode="normal"
/>
</filter>
<filter
id="squircle-bottom-edge-filter"
>
<feOffset
result="offOut"
in="SourceGraphic"
dx="0"
dy="-4"
/>
<feGaussianBlur
result="blurOut"
in="offOut"
stdDeviation="4"
/>
<feBlend
in="SourceGraphic"
in2="blurOut"
mode="normal"
/>
</filter>
<mask
id="logo-mask"
>
<circle cx="292" cy="512" r="100" fill="white" />
<circle cx="512" cy="512" r="152.5" fill="white" />
<circle cx="732" cy="512" r="100" fill="white" />
<circle cx="292" cy="512" r="40" fill="black" />
<circle cx="512" cy="512" r="92.5" fill="black" />
<circle cx="732" cy="512" r="40" fill="black" />
</mask>
<filter
id="logo-shadow-filter"
>
<feOffset
result="offOut"
in="SourceGraphic"
dx="0"
dy="10"
/>
<feGaussianBlur
result="blurOut"
in="offOut"
stdDeviation="10"
/>
<feBlend
in="SourceGraphic"
in2="blurOut"
mode="normal"
/>
</filter>
<mask
id="logo-edge-mask"
>
<rect
id="fill"
width="100%"
height="100%"
fill="white"
/>
<circle cx="292" cy="512" r="100" fill="black" />
<circle cx="512" cy="512" r="152.5" fill="black" />
<circle cx="732" cy="512" r="100" fill="black" />
<circle cx="292" cy="512" r="40" fill="white" />
<circle cx="512" cy="512" r="92.5" fill="white" />
<circle cx="732" cy="512" r="40" fill="white" />
</mask>
<filter
id="logo-top-edge-filter"
>
<feOffset
result="offOut"
in="SourceGraphic"
dx="0"
dy="2"
/>
<feGaussianBlur
result="blurOut"
in="offOut"
stdDeviation="2"
/>
<feBlend
in="SourceGraphic"
in2="blurOut"
mode="normal"
/>
</filter>
<filter
id="logo-bottom-edge-filter"
>
<feOffset
result="offOut"
in="SourceGraphic"
dx="0"
dy="-2"
/>
<feGaussianBlur
result="blurOut"
in="offOut"
stdDeviation="2"
/>
<feBlend
in="SourceGraphic"
in2="blurOut"
mode="normal"
/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 9.2 KiB