Jaishree2310/GlassyUI-Components

PWA Manifest Icon Missing — logo192.png Not Found

Aperta

#694 aperta il 5 giu 2026

 (4 commenti) (0 reazioni) (1 assegnatario)TypeScript (217 fork)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:bug

Metriche repository

Star
 (114 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Description

The PWA manifest references logo192.png as the app icon, but the file is missing from the /public folder. This causes a console warning on every page load and breaks PWA installability.


Expected Behavior

  • logo192.png should resolve correctly from the manifest
  • No console warnings related to manifest icons
  • PWA should be fully installable with a valid app icon

Actual Behavior

  • Console throws the following warning on every page load:
Error while trying to use icon from Manifest:
https://glassyui.vercel.app/logo192.png
(Download error or resource isn't a valid image)
  • PWA installability is broken
  • App icon does not appear correctly when installed on mobile/desktop

Steps to Reproduce

  1. Open https://glassyui.vercel.app
  2. Open DevTools (F12) → Navigate to Console tab
  3. Perform a hard refresh (Ctrl + Shift + R)
  4. Observe the following warning in console:
Error while trying to use icon from Manifest:
https://glassyui.vercel.app/logo192.png
(Download error or resource isn't a valid image)
  1. Navigate to https://glassyui.vercel.app/logo192.png directly
  2. Observe 404 or invalid image response

Root Cause Analysis

manifest.json references logo192.png
        ↓
File is missing from /public folder
        ↓
Browser cannot resolve the icon
        ↓
PWA installability broken + console warning on every load

Suggested Fix

Root Confirmed

Checked the /public folder in the repository. It currently contains:

  • manifest.json
  • favicon.ico
  • index.html
  • robots.txt

logo192.png is not present — confirming the file is missing entirely.

Source File Found

The GlassyUI logo already exists in the repository:

src/images/glassyui-logo.jpeg

Steps to Fix

  1. Take the existing logo from /images folder
  2. Convert it to 192x192 PNG format using any free tool:
  3. Rename it exactly logo192.png
  4. Place it inside the /public folder

Verify After Fix

  • Visit https://glassyui.vercel.app/logo192.png directly
  • Should return a valid PNG image, not a 404

Environment

Field Value
URL https://glassyui.vercel.app
Browser Microsoft Edge (Chromium)
OS Windows 11
DevTools Warning Manifest icon invalid/missing
Date Observed June 5, 2026
Project GlassyUI — GSSoC '26

Guida contributor