[vlad-salone]

What and why

The page had no icon. This one is drawn from the wordmark of #30: the s of the name, large, over the left of its two bundles, on a rounded tile. The tile is gray 12 and the lines and the letter gray 1, the page's foreground and background, and they swap under prefers-color-scheme: dark as the page does, so the tab's icon follows the scheme in Chrome and Firefox.

The file. public/icon.svg, 4 kB, copied to the root of the build as it is, linked from index.html as image/svg+xml. The lines are the mark's own path data, the bundle's five lines at a heavier stroke, cropped to the tile. The s is Geist Bold, a step heavier than the mark's SemiBold so it holds at 16 px, outlined with opentype.js from the package's TTF and centred on its ink, since an icon cannot reach the page's fonts, with a knockout around it in the tile's colour as the mark has around the name. The colours are literal hex, the gray tokens' values, because an icon cannot read the page's custom properties either.

The bitmap. public/apple-touch-icon.png, 180 by 180, the light scheme rendered from the SVG, for Safari, iOS and a home screen, which take no SVG. img-src 'self' in the policy covers both.

Note: the SVG carries a <style> block for the dark scheme. It is its own document, loaded as an image, so the page's policy and the rule against <style> in the page do not reach it, and nothing in it runs.

CLAUDE.md gains the public/ line in the layout.

The tests

pnpm test:e2e   # 21 tests

• page.spec.ts: the icon is linked, served as image/svg+xml, carries the dark scheme, and the touch icon is served as image/png. The suite's check for a securitypolicyviolation covers the fetch.

🤖 Generated with Claude Code

[greptile-apps]

Confidence Score: 5/5

[Low impact] The PR appears safe to merge; no actionable issues were found.

Summary

Adds a same-origin SVG favicon and a PNG home-screen icon.

• The page now shows a wordmark icon and offers a home-screen image.

vlad-salone explicitly described the SVG’s internal <style> block as intentional and separate from the page’s styles.

No actionable issues were established. Tests were not run. The attached PNG could not be visually inspected because this model does not support image input.

_{Reviews (1) · Last reviewed commit: "feat: the icon's s in Geist Bold, at 88" · Reviewed by Greptile}