add favicon

This commit is contained in:
lasse 2025-05-30 12:53:04 +02:00
parent 3e9ad2dcb1
commit 9af2fa5c7f
4 changed files with 38 additions and 2 deletions

BIN
frontend/public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<rect width="32" height="32" rx="6" fill="#10B981"/>
<g fill="white">
<!-- Shopping cart -->
<path d="M7 8h2l1.68 7.39a2 2 0 0 0 2 1.61H20a2 2 0 0 0 2-1.61L24 10H11"/>
<circle cx="14" cy="23" r="1"/>
<circle cx="20" cy="23" r="1"/>
<!-- Handle -->
<path d="M7 8h-2"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 394 B

View File

@ -3,13 +3,16 @@
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="icon" href="%PUBLIC_URL%/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.svg" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="theme-color" content="#10B981" />
<meta
name="description"
content="Track product prices and shopping events"
/>
<title>Product Tracker</title>
<title>Groceries Tracker</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

View File

@ -0,0 +1,22 @@
{
"short_name": "Groceries",
"name": "Groceries Tracker",
"description": "Track product prices and shopping events",
"icons": [
{
"src": "favicon.ico",
"sizes": "16x16 32x32 48x48",
"type": "image/x-icon"
},
{
"src": "favicon.svg",
"sizes": "any",
"type": "image/svg+xml",
"purpose": "any maskable"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#10B981",
"background_color": "#ffffff"
}