update

public/icons/favicon.svg

@@ -1,67 +1,34 @@
-<svg
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .x { fill: white; transform-box: fill-box; }
+    
+    .c { fill: white; transform-box: fill-box; }
 
-      viewBox="0 0 8.4666662 8.4666662"
-      width="32"
-      height="32"
-      version="1.1"
-      id="svg1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:svg="http://www.w3.org/2000/svg"
-      >
-      <defs id="defs1" />
-      <g id="layer1">
-        <rect
-          style="fill: #27A7E7 ;stroke-width:0.233149"
-          id="rect5"
-          width="6.9885192"
-          height="0.35581663"
-          x="3.114475"
-          y="0.86827624"
-          transform="matrix(0.77578367,0.63099897,-0.77578367,0.63099897,0,0)"
-        />
-        <rect
-          style="fill: #27A7E7 ;stroke-width:0.24961"
-          id="rect5-7"
-          width="7.4819207"
-          height="0.3809379"
-          x="-3.9267058"
-          y="5.7988153"
-          transform="matrix(-0.70756824,0.70664502,0.70756824,0.70664502,0,0)"
-        />
-        <circle
-          style="fill: #27A7E7 ;stroke-width:0.134869"
-          id="path5-8"
-          cx="1.5875"
-          cy="6.8791666"
-          r="1.0583333"
-        />
-        <circle
-          style="fill: #27A7E7 ;stroke-width:0.168586"
-          id="path5-8-5"
-          cx="7.1437502"
-          cy="7.1437502"
-          r="1.3229166"
-        />
-        <circle
-          style="fill: #27A7E7 ;stroke-width:0.118011"
-          id="path5-8-5-1"
-          cx="1.4552083"
-          cy="2.5135417"
-          r="0.92604166"
-        />
-        <circle
-          style="fill: #27A7E7 ;stroke-width:0.101152"
-          id="path5-8-5-1-7"
-          cx="7.1437502"
-          cy="1.3229166"
-          r="0.79374999"
-        />
-        <circle
-	  style="fill: #F36D3A; stroke-width:0.23602"
-          id="path5"
-          cx="3.96875"
-          cy="4.4979167"
-          r="1.8520833"
-        />
-      </g>
-    </svg>
+    .l {
+      stroke: white;
+      stroke-width: 1.5;
+    }
+
+  </style>
+  <defs>
+    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+      <stop stop-color="#2AABEE" offset="0%"></stop>
+      <stop stop-color="#229ED9" offset="100%"></stop>
+    </linearGradient>
+  </defs>
+
+
+  <rect width="32" height="32" rx="4" ry="4" fill="url(#linearGradient-1)"></rect>
+  <circle class="x" cx="16" cy="16" r="6" style="--t:scale(1.2)"></circle>
+  <circle class="c" cx="7" cy="7" r="3" style="--t:translate(9px,9px)"></circle>
+  <circle class="c" cx="28" cy="4" r="2" style="--t:translate(-12px,12px)"></circle>
+  <circle class="c" cx="6" cy="26" r="4" style="--t:translate(10px,-10px)"></circle>
+  <circle class="c" cx="26" cy="26" r="5" style="--t:translate(-10px,-10px)"></circle>
+  <line class="l" x1="16" y1="16" x2="7" y2="7" pathLength="1"></line>
+  <line class="l" x1="16" y1="16" x2="28" y2="4" pathLength="1"></line>
+  <line class="l" x1="16" y1="16" x2="6" y2="26" pathLength="1"></line>
+  <line class="l" x1="16" y1="16" x2="26" y2="26" pathLength="1"></line>
+    
+</svg></svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>

public/icons/site.webmanifest

@@ -1 +1,21 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}