We've Added a Favicon and App Icons
We've Added a Favicon and App Icons
Release: v0.1.53 · SEO Control SEO-06
Overview
As of v0.1.53, the platform now displays a proper favicon and app icons across all browsers and devices. Previously, the absence of any icon files meant browsers showed a blank or broken tab icon — a small but noticeable gap in presentation, especially for compliance teams evaluating the platform for the first time.
What Was Added
Three icon files have been placed under src/app/, leveraging Next.js App Router's built-in static file conventions:
| File | Size | Purpose |
|---|---|---|
favicon.ico | Standard | Browser tab icon, bookmarks |
icon.png | 32×32 px | Generic app icon fallback |
apple-icon.png | 180×180 px | iOS/macOS home screen & Safari tab |
No configuration required. Next.js App Router detects these files automatically by convention — they are served and referenced in the
<head>without any code changes.
Brand Consistency
All icons use the existing brand mark: the letter "C" set on a purple gradient background. This keeps the tab icon visually consistent with the rest of the UI and ensures the platform is immediately recognisable when pinned as a browser tab or saved to a device home screen.
Impact
- Browser tabs now display the branded icon instead of a blank square.
- Bookmarks and favourites include the correct icon automatically.
- iOS / macOS users who save the app to their home screen receive an appropriately sized 180×180 touch icon.
- Addresses the SEO-06 audit finding under the
seo_meta_headcontrol category.