Skip to content

Ship raster favicon fallbacks for Chrome iOS#9

Merged
danmooney merged 1 commit into
mainfrom
develop
May 20, 2026
Merged

Ship raster favicon fallbacks for Chrome iOS#9
danmooney merged 1 commit into
mainfrom
develop

Conversation

@danmooney
Copy link
Copy Markdown
Owner

@danmooney danmooney commented May 20, 2026

Chrome on iOS doesn't render SVG favicons, so the tab icon was blank for that audience. Ship 16/32 PNGs, a 180px apple-touch-icon, and a multi-size .ico so non-SVG-capable browsers have something to fall back to. The SVG stays primary for browsers that support it.

Summary by CodeRabbit

  • Chores
    • Updated app icon configuration to support multiple formats and sizes for improved display across browsers and devices.

Review Change Stack

Chrome on iOS doesn't render SVG favicons, so the tab icon was
blank for that audience. Ship 16/32 PNGs, a 180px apple-touch-icon,
and a multi-size .ico so non-SVG-capable browsers have something
to fall back to. The SVG stays primary for browsers that support it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 20, 2026

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 411a15ea-ba1f-4801-a641-05a535efa6c4

📥 Commits

Reviewing files that changed from the base of the PR and between a9ab17f and 275a780.

⛔ Files ignored due to path filters (5)
  • public/apple-touch-icon.png is excluded by !**/*.png
  • public/favicon-16x16.png is excluded by !**/*.png
  • public/favicon-32x32.png is excluded by !**/*.png
  • public/favicon.ico is excluded by !**/*.ico
  • public/favicon.png is excluded by !**/*.png
📒 Files selected for processing (2)
  • .gitignore
  • src/index.html

📝 Walkthrough

Walkthrough

This PR ensures favicon assets are properly tracked and referenced: .gitignore is updated with negation rules to unignore multiple favicon files, and src/index.html adds corresponding <link> tags in the document head for favicon variants in different sizes and formats.

Changes

Favicon Assets and References

Layer / File(s) Summary
Favicon asset tracking and HTML references
.gitignore, src/index.html
.gitignore negation rules unignore public/favicon.png, public/favicon-16x16.png, public/favicon-32x32.png, public/favicon.ico, and public/apple-touch-icon.png; src/index.html adds corresponding <link> tags for these favicon variants in the <head> section.

Estimated Code Review Effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 The favicons now hop so bright,
With icons in every size and sight,
Git tracks them all, from .ico to .png,
The browser tabs now sweetly ring!

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch develop

Comment @coderabbitai help to get the list of available commands and usage tips.

@danmooney danmooney merged commit ad59ec5 into main May 20, 2026
1 of 2 checks 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.

1 participant