🍱 (badge) use png

public/img/badge.svg

@@ -1,6 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M305.042 343.875V324.458C305.042 314.159 300.95 304.282 293.668 296.999C286.385 289.716 276.508 285.625 266.208 285.625H188.542C178.242 285.625 168.365 289.716 161.082 296.999C153.8 304.282 149.708 314.159 149.708 324.458V343.875" stroke="black" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M227.375 246.792C248.822 246.792 266.208 229.405 266.208 207.958C266.208 186.511 248.822 169.125 227.375 169.125C205.928 169.125 188.542 186.511 188.542 207.958C188.542 229.405 205.928 246.792 227.375 246.792Z" stroke="black" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M363.292 343.875V324.458C363.285 315.854 360.421 307.496 355.15 300.695C349.878 293.895 342.498 289.038 334.167 286.887" stroke="black" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M295.333 170.387C303.687 172.526 311.09 177.384 316.378 184.195C321.665 191.007 324.534 199.384 324.534 208.007C324.534 216.63 321.665 225.007 316.378 231.818C311.09 238.63 303.687 243.488 295.333 245.627" stroke="black" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

src/utils/notification.ts

@@ -22,7 +22,7 @@ export const notify: ShowNotification = async (
     }
     showNotification(title, {
       icon: '/img/icons/apple-touch-icon.png',
-      badge: '/img/badge.svg',
+      badge: '/img/badge.png',
       tag: 'binome',
       renotify: true,
       ...options