Letter-It
Simple, fast favicon generation at the edge.
faviconV1 (rounded) ·
faviconV2 (square)
/faviconV1?url=google.com&size=128&color=4285f4
/faviconV2?url=google.com&size=128&color=4285f4
🎨 Favicon Generator
real endpoint
google.com
128px · #4285f4
Letter: G
Endpoint: faviconV1
/faviconV1?url=google.com&size=128&color=4285f4
⚡ Edge Cloudflare Pages
🎨 SVG Native vector
📏 Custom Size parameter
🎯 Color Custom HEX support
⬜ Square faviconV2
🔄 Rounded faviconV1
How it works: The endpoint extracts the first letter from your domain, assigns a random background color (or your custom color), and returns an SVG image ready to use as a favicon or avatar.
Endpoints:
| Endpoint | Style | Example |
|---|---|---|
| /faviconV1 | 🔄 Rounded corners | ?url=google.com&size=128&color=4285f4 |
| /faviconV2 | ⬜ Square corners | ?url=google.com&size=128&color=4285f4 |
Parameters:
| Parameter | Description | Example |
|---|---|---|
| url | Domain to generate the favicon for | google.com |
| size | Output size in pixels (default: 256) | 128 |
| color | Custom HEX color (optional, random if omitted) | 4285f4 |
Popular color examples:
# Google Blue ?url=google.com&color=4285f4 # GitHub Dark ?url=github.com&color=24292e # Twitter Blue ?url=twitter.com&color=1da1f2 # YouTube Red ?url=youtube.com&color=ff0000 # Spotify Green ?url=spotify.com&color=1db954