Free text, emoji and icon favicons with HTML head tags, web manifests and platform install guides.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Build a favicon from one or two characters or an emoji on a colored rounded-square or circle background, with optional dark-mode colors. Returns favicon.svg, the HTML <head> snippet, site.webmanifest, the list of files a site needs, and commands that turn the SVG into favicon.ico and the PNG sizes.
One or two characters or one emoji, e.g. "A", "JS", "🚀". Default "F".
App name for site.webmanifest.
Background shape. Default rounded.
Corner radius of the rounded shape on a 512-unit canvas; 0 is a square. Default 104.
Glyph size on a 512-unit canvas. Default 280.
Short app name for site.webmanifest (home screen label).
Glyph color in light mode. Default #ffffff.
CSS font list, e.g. "'Inter', sans-serif". Emoji default to a color-emoji font list.
Font weight in steps of 100. Default 700.
Background gradient end in light mode. Defaults to background_start when that is set, otherwise #ec4899.
Glyph color in dark mode (prefers-color-scheme: dark). Defaults to the light-mode value once any light-mode color is set.
Background gradient start in light mode, or "transparent". Default #6366f1.
Browser UI color in dark mode. Default #0f172a.
Browser UI color (<meta name="theme-color">) in light mode. Default #ffffff.
Background gradient end in dark mode. Defaults to the light-mode value once any light-mode color is set.
Background gradient start in dark mode. Defaults to the light-mode value once any light-mode color is set.
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http favicon-generator https://favicongenerator.io/mcp
Build a favicon from one or two characters or an emoji on a colored rounded-square or circle background, with optional dark-mode colors. Returns favicon.svg, the HTML <head> snippet, site.webmanifest, the list of files a site needs, and commands that turn the SVG into favicon.ico and the PNG sizes.
| Argument | Type | Description |
|---|---|---|
| name | string | App name for site.webmanifest. |
| text* | string | One or two characters or one emoji, e.g. "A", "JS", "🚀". Default "F". |
| shape | string | Background shape. Default rounded. |
| radius | number | Corner radius of the rounded shape on a 512-unit canvas; 0 is a square. Default 104. |
| font_size | number | Glyph size on a 512-unit canvas. Default 280. |
| short_name | string | Short app name for site.webmanifest (home screen label). |
| text_color | string | Glyph color in light mode. Default #ffffff. |
| font_family | string | CSS font list, e.g. "'Inter', sans-serif". Emoji default to a color-emoji font list. |
| font_weight | integer | Font weight in steps of 100. Default 700. |
| background_end | string | Background gradient end in light mode. Defaults to background_start when that is set, otherwise #ec4899. |
| text_color_dark | string | Glyph color in dark mode (prefers-color-scheme: dark). Defaults to the light-mode value once any light-mode color is set. |
| background_start | string | Background gradient start in light mode, or "transparent". Default #6366f1. |
| theme_color_dark | string | Browser UI color in dark mode. Default #0f172a. |
| theme_color_light | string | Browser UI color (<meta name="theme-color">) in light mode. Default #ffffff. |
| background_end_dark | string | Background gradient end in dark mode. Defaults to the light-mode value once any light-mode color is set. |
| background_start_dark | string | Background gradient start in dark mode. Defaults to the light-mode value once any light-mode color is set. |
{
"type": "object",
"required": [
"text"
],
"properties": {
"name": {
"type": "string",
"maxLength": 100,
"description": "App name for site.webmanifest."
},
"text": {
"type": "string",
"maxLength": 32,
"minLength": 1,
"description": "One or two characters or one emoji, e.g. \"A\", \"JS\", \"🚀\". Default \"F\"."
},
"shape": {
"enum": [
"rounded",
"circle"
],
"type": "string",
"description": "Background shape. Default rounded."
},
"radius": {
"type": "number",
"maximum": 160,
"minimum": 0,
"description": "Corner radius of the rounded shape on a 512-unit canvas; 0 is a square. Default 104."
},
"font_size": {
"type": "number",
"maximum": 400,
"minimum": 60,
"description": "Glyph size on a 512-unit canvas. Default 280."
},
"short_name": {
"type": "string",
"maxLength": 30,
"description": "Short app name for site.webmanifest (home screen label)."
},
"text_color": {
"type": "string",
"pattern": "^(?:#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|transparent)$",
"description": "Glyph color in light mode. Default #ffffff."
},
"font_family": {
"type": "string",
"maxLength": 120,
"description": "CSS font list, e.g. \"'Inter', sans-serif\". Emoji default to a color-emoji font list."
},
"font_weight": {
"type": "integer",
"maximum": 900,
"minimum": 100,
"description": "Font weight in steps of 100. Default 700."
},
"background_end": {
"type": "string",
"pattern": "^(?:#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|transparent)$",
"description": "Background gradient end in light mode. Defaults to background_start when that is set, otherwise #ec4899."
},
"text_color_dark": {
"type": "string",
"pattern": "^(?:#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|transparent)$",
"description": "Glyph color in dark mode (prefers-color-scheme: dark). Defaults to the light-mode value once any light-mode color is set."
},
"background_start": {
"type": "string",
"pattern": "^(?:#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|transparent)$",
"description": "Background gradient start in light mode, or \"transparent\". Default #6366f1."
},
"theme_color_dark": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "Browser UI color in dark mode. Default #0f172a."
},
"theme_color_light": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "Browser UI color (<meta name=\"theme-color\">) in light mode. Default #ffffff."
},
"background_end_dark": {
"type": "string",
"pattern": "^(?:#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|transparent)$",
"description": "Background gradient end in dark mode. Defaults to the light-mode value once any light-mode color is set."
},
"background_start_dark": {
"type": "string",
"pattern": "^(?:#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|transparent)$",
"description": "Background gradient start in dark mode. Defaults to the light-mode value once any light-mode color is set."
}
},
"additionalProperties": false
}Return one library icon as a favicon-ready SVG with a fixed color (favicons cannot inherit currentColor) and an optional dark-mode color. Get ids from search_icons.
| Argument | Type | Description |
|---|---|---|
| id* | string | Icon id from search_icons, e.g. "rocket". |
| color | string | Icon color. Default #0f172a. |
| dark_color | string | Icon color in dark mode (prefers-color-scheme: dark). Default: same as color. |
| stroke_width | number | Stroke width for outline icons on a 24-unit grid. Default 2.2. |
{
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"maxLength": 100,
"description": "Icon id from search_icons, e.g. \"rocket\"."
},
"color": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "Icon color. Default #0f172a."
},
"dark_color": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "Icon color in dark mode (prefers-color-scheme: dark). Default: same as color."
},
"stroke_width": {
"type": "number",
"maximum": 4,
"minimum": 0.5,
"description": "Stroke width for outline icons on a 24-unit grid. Default 2.2."
}
},
"additionalProperties": false
}Return the HTML <head> snippet, a site.webmanifest and the list of favicon files a modern site needs (SVG, ICO, 96x96 PNG, Apple Touch, PWA 192/512).
| Argument | Type | Description |
|---|---|---|
| name | string | App name for site.webmanifest. |
| short_name | string | Short app name for site.webmanifest (home screen label). |
| description | string | App description for site.webmanifest. |
| background_color | string | site.webmanifest background_color. Default #ffffff. |
| theme_color_dark | string | Browser UI color in dark mode. Default #0f172a. |
| theme_color_light | string | Browser UI color (<meta name="theme-color">) in light mode. Default #ffffff. |
{
"type": "object",
"required": [],
"properties": {
"name": {
"type": "string",
"maxLength": 100,
"description": "App name for site.webmanifest."
},
"short_name": {
"type": "string",
"maxLength": 30,
"description": "Short app name for site.webmanifest (home screen label)."
},
"description": {
"type": "string",
"maxLength": 300,
"description": "App description for site.webmanifest."
},
"background_color": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "site.webmanifest background_color. Default #ffffff."
},
"theme_color_dark": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "Browser UI color in dark mode. Default #0f172a."
},
"theme_color_light": {
"type": "string",
"pattern": "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$",
"description": "Browser UI color (<meta name=\"theme-color\">) in light mode. Default #ffffff."
}
},
"additionalProperties": false
}Return where to upload which favicon files on a website platform: wordpress, webflow, wix, shopify, squarespace, nextjs, static-html, pwa.
| Argument | Type | Description |
|---|---|---|
| platform* | string | Website platform or framework. |
{
"type": "object",
"required": [
"platform"
],
"properties": {
"platform": {
"enum": [
"wordpress",
"webflow",
"wix",
"shopify",
"squarespace",
"nextjs",
"static-html",
"pwa"
],
"type": "string",
"description": "Website platform or framework."
}
},
"additionalProperties": false
}Search the open-source icon library (Feather, Lucide, Tabler, Heroicons, custom icons and Unicode symbols) by keyword. Returns icon ids for get_icon_svg, with source and license.
| Argument | Type | Description |
|---|---|---|
| limit | integer | Maximum number of icons to return. Default 10. |
| query | string | Keywords such as "rocket", "shopping cart" or "arrow". Empty lists the first icons. |
| source | string | Only icons from this source, e.g. "Feather" or "Lucide". |
{
"type": "object",
"required": [],
"properties": {
"limit": {
"type": "integer",
"maximum": 50,
"minimum": 1,
"description": "Maximum number of icons to return. Default 10."
},
"query": {
"type": "string",
"maxLength": 100,
"description": "Keywords such as \"rocket\", \"shopping cart\" or \"arrow\". Empty lists the first icons."
},
"source": {
"type": "string",
"maxLength": 50,
"description": "Only icons from this source, e.g. \"Feather\" or \"Lucide\"."
}
},
"additionalProperties": false
}We read every tool's name, description and inputs the way the model will, looking for instructions hidden from you. A clean result means no warning signs, not a guarantee. Scanned Nov 5, 2026.