Skip to content

Add favicon set using the official OpenVox hexagon sticker - #18

Open
miharp wants to merge 1 commit into
OpenVoxProject:mainfrom
miharp:fix/favicon
Open

Add favicon set using the official OpenVox hexagon sticker#18
miharp wants to merge 1 commit into
OpenVoxProject:mainfrom
miharp:fix/favicon

Conversation

@miharp

@miharp miharp commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Every page 404s on /favicon.ico and shows a blank tab icon (flagged on #14).

The icons

favicon.svg favicon-32.png (actual size) apple-touch-icon.png

Approach

This uses the official OpenVox hexagon sticker (voxpupuli/logos), so the tab icon matches docs.openvoxproject.org — but vendored locally rather than hotlinking GitHub raw the way docs currently does. The upstream sticker SVG is 244KB with an embedded raster image, so it's rebuilt here as a 1.9KB vector: a hexagon polygon in the official orange (#eb8521, sampled from the sticker) plus the official openvox_bildmarke fox path — which is byte-identical to the path already used for the site header logo.

  • favicon.svg — primary icon for modern browsers
  • favicon-32.png — fallback for Safari, which doesn't support SVG favicons
  • apple-touch-icon.png — 180×180 on a solid light background (#f5faf9) with rounded corners, since iOS touch icons shouldn't be transparent

Verified locally: all three serve with 200, the homepage console is clean (the favicon.ico 404 is gone), and the full build passes html-proofer.

Aside for a possible docs follow-up: the same 1.9KB vendored SVG would be a drop-in replacement for the 244KB hotlinked favicon on docs.openvoxproject.org.

Addresses the favicon finding on #14.

Written with AI assistance (Claude Code); reviewed and verified by me.

Every page was 404ing on /favicon.ico with a blank tab icon.

Uses the OpenVox hexagon sticker (voxpupuli/logos) so the tab icon
matches docs.openvoxproject.org, but vendored locally instead of
hotlinking GitHub raw like docs does. The upstream sticker SVG is
244KB with an embedded raster, so it's rebuilt as a 1.9KB vector:
hexagon polygon in the official orange (#eb8521) plus the official
openvox_bildmarke fox path (identical to the site header logo path).

- favicon.svg: the vector sticker
- favicon-32.png: fallback for Safari, which lacks SVG favicon support
- apple-touch-icon.png: 180x180 on a solid light background with
  rounded corners, since iOS touch icons should not be transparent

PNGs rasterized from the same SVG with macOS qlmanage.

Addresses the favicon finding on OpenVoxProject#14.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Signed-off-by: Michael Harp <mike@mikeharp.com>
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