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

mgallien · web-flow · commit 73a5aa141b2b · 2022-06-24T16:28:47.000+02:00
Add SVG icon styled for macOS Big Sur
diff --git a/theme/colored/Nextcloud-icon-Big-Sur.svg b/theme/colored/Nextcloud-icon-Big-Sur.svg
@@ -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>
