Icon Pack #

Generated from the source logo. Drop the whole folder into your project's public/ (or static/) directory.

Files #

File	Size	Use
favicon.ico	16/32/48/64/128/256 (multi-res)	Classic browser favicon
favicon-16x16.png	16x16	Fallback favicon
favicon-32x32.png	32x32	Fallback favicon
favicon-48x48.png	48x48	Fallback favicon
apple-touch-icon.png	180x180, white bg	iOS home screen icon
android-chrome-192x192.png	192x192	Android home screen / PWA
android-chrome-512x512.png	512x512	Android splash / PWA
mstile-150x150.png	150x150, white bg	Windows pinned tile
site.webmanifest	—	PWA manifest, references the Android icons
avatar-500x500.png	500x500, transparent	GitHub org/repo avatar, Slack, etc.
social-preview-1280x640.png	1280x640, white bg	GitHub repo social preview image
logo-transparent.png	full-res, transparent	Source logo, background removed, for anything custom

Website <head> snippet #

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#2f5f6b">

GitHub repo setup #

• Repo social preview: Settings → General → Social preview → upload social-preview-1280x640.png.
• Org/repo avatar: use avatar-500x500.png.
• README header logo: use logo-transparent.png (scale down via the width= attribute in an <img> tag, e.g. width="120"), since GitHub strips width/height from plain Markdown image syntax.