Skip to content

Add high-res icon and Apple touch icon - #122

Merged
digibrander merged 1 commit into
mainfrom
development
Nov 3, 2026
Merged

digibrander merged 1 commit into
mainfrom
development

Conversation

@jadhavgaurav

Copy link
Copy Markdown
Contributor

Google shows a generic globe instead of the Fynix favicon on the fynix.digital search result. The current favicon setup is valid (48x48 favicon.ico, crawlable, already cached by Google's favicon service), so the search favicon index is lagging. This gives Google a stronger, higher-resolution signal.

Changes

  • app/icon.png: 512x512, the accent F mark (#E9AF88) on transparent, matching the existing favicon.
  • app/apple-icon.png: 180x180, the same mark on primary navy (#0C1E2E). iOS fills transparency with black, so it needs a solid background.

Both are drawn from the F paths in components/Logo.tsx, not upscaled. Next.js picks them up by file convention; no code changes.

The homepage now emits:

<link rel="icon" href="/favicon.ico?..." sizes="48x48" type="image/x-icon"/>
<link rel="icon" href="/icon.png?..." sizes="512x512" type="image/png"/>
<link rel="apple-touch-icon" href="/apple-icon.png?..." sizes="180x180" type="image/png"/>

Checks

lint, tsc, tests (880 passed) and build all pass locally on Next 16.4.

After merge

Request indexing for https://www.fynix.digital/ in Search Console to speed up the favicon refresh in results.

512px icon.png and 180px apple-icon.png, drawn from the F mark in
components/Logo.tsx. Google prefers a favicon source larger than the
48px favicon.ico, and iOS needs a solid-background touch icon.
@digibrander
digibrander merged commit 6f1a9b0 into main Nov 3, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants