Bug: Missing favicon and web app manifest #99

New Issue

Closed

opened 2026-05-17 21:16:26 -05:00 by null · 0 comments

null commented

2026-05-17 21:16:26 -05:00

Owner

Problem

No favicon.ico or site.webmanifest in public/. The HTML references /logo.svg as the icon, which works but:

SVG favicons do not work in Safari or older browsers
No Apple Touch Icon for iOS home screen bookmarks
No web manifest for PWA metadata (name, theme color, etc.)
No maskable icon support

The public/assets/icons/ directory has pre-sized PNG icons (16-512px) but they are not wired up.

Fix

Generate a proper favicon.ico from the logo (32x32)
Add link rel=apple-touch-icon to index.html
Create public/site.webmanifest with name, icons, theme_color, background_color
Wire up the existing public/assets/icons/ PNGs in the manifest
Add all icon link tags to index.html

Files

public/ - add favicon.ico, site.webmanifest
index.html - add link tags

Severity

Low - no visual bug, but affects bookmarks, mobile home screen, and SEO

## Problem No favicon.ico or site.webmanifest in public/. The HTML references /logo.svg as the icon, which works but: 1. SVG favicons do not work in Safari or older browsers 2. No Apple Touch Icon for iOS home screen bookmarks 3. No web manifest for PWA metadata (name, theme color, etc.) 4. No maskable icon support The public/assets/icons/ directory has pre-sized PNG icons (16-512px) but they are not wired up. ## Fix 1. Generate a proper favicon.ico from the logo (32x32) 2. Add link rel=apple-touch-icon to index.html 3. Create public/site.webmanifest with name, icons, theme_color, background_color 4. Wire up the existing public/assets/icons/ PNGs in the manifest 5. Add all icon link tags to index.html ## Files - public/ - add favicon.ico, site.webmanifest - index.html - add link tags ## Severity Low - no visual bug, but affects bookmarks, mobile home screen, and SEO