marco/buildmymcpserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
2ad4a7e34c
buildmymcpserver/apps/web/app/icon.svg

11 lines
471 B
XML
Raw Normal View History

feat(web): favicon (SVG) + apple-touch-icon (Next ImageResponse) app/icon.svg — 32px vector with the brand 'M' (logo-matching) on #6366F1 indigo rounded square. Sharp at every browser size. app/apple-icon.tsx — 180x180 PNG rendered at request time via next/og ImageResponse with the same design scaled up. Covers iOS home-screen + iPadOS. Next 15 auto-discovers both via the file-based metadata convention and injects: <link rel='icon' href='/icon.svg' type='image/svg+xml' sizes='any'> <link rel='apple-touch-icon' href='/apple-icon' type='image/png' sizes='180x180'> Verified: both URLs return 200, both link tags appear in the rendered HTML head, brand matches the in-page Logo component.
2026-05-19 22:28:47 +02:00
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
fix(web): favicon matches nav-bar logo (monochrome outline, prefers-color-scheme) The indigo filled square didn't match the in-page Logo component. The nav-bar logo is a monochrome outlined rounded square + M path, currentColor on the dark page background. Favicon now follows the same design: outlined rect + M, stroke adapts: - light browser tabs → #0A0A0B (near-black) - dark browser tabs → #FAFAFA Apple-icon stays as the indigo filled tile — iOS home-screen icons need solid backgrounds, monochrome outlines disappear there.
2026-05-19 22:44:58 +02:00
<style>
.stroke { stroke: #0A0A0B; }
@media (prefers-color-scheme: dark) {
.stroke { stroke: #FAFAFA; }
}
</style>
<rect class="stroke" x="2.5" y="2.5" width="27" height="27" rx="6" stroke-width="2.4" fill="none"/>
<path class="stroke" d="M8.5 22.5V9.5L16 16L23.5 9.5V22.5" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
feat(web): favicon (SVG) + apple-touch-icon (Next ImageResponse) app/icon.svg — 32px vector with the brand 'M' (logo-matching) on #6366F1 indigo rounded square. Sharp at every browser size. app/apple-icon.tsx — 180x180 PNG rendered at request time via next/og ImageResponse with the same design scaled up. Covers iOS home-screen + iPadOS. Next 15 auto-discovers both via the file-based metadata convention and injects: <link rel='icon' href='/icon.svg' type='image/svg+xml' sizes='any'> <link rel='apple-touch-icon' href='/apple-icon' type='image/png' sizes='180x180'> Verified: both URLs return 200, both link tags appear in the rendered HTML head, brand matches the in-page Logo component.
2026-05-19 22:28:47 +02:00
</svg>
Reference in New Issue Copy Permalink