Animated UI icons by LottieFiles. Search by meaning, set color, style and motion, export dotLottie.
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.
A community icon (generated on the website, public and marked unreviewed): its label, the request it was made for, what its motion shows, the dotLottie file URL, its page and the descriptor the runtime takes.
The community icon id (from search_icons).
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http generative-icons https://generativeicons.com/mcp
A community icon (generated on the website, public and marked unreviewed): its label, the request it was made for, what its motion shows, the dotLottie file URL, its page and the descriptor the runtime takes.
| Argument | Type | Description |
|---|---|---|
| id* | string | The community icon id (from search_icons). |
{
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"pattern": "^[a-z0-9][a-z0-9-]*$",
"description": "The community icon id (from search_icons)."
}
},
"additionalProperties": false
}Everything needed to use one icon: its description, states, styles, weights, motions, the dotLottie file URL and hash, install commands, and JavaScript, React, iOS and Android snippets.
| Argument | Type | Description |
|---|---|---|
| id* | string | The icon id, e.g. "trash" (from search_icons). |
{
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"pattern": "^[a-z0-9][a-z0-9-]*$",
"description": "The icon id, e.g. \"trash\" (from search_icons)."
}
},
"additionalProperties": false
}The library's categories with their ids and icon counts.
No arguments.
{
"type": "object",
"properties": {},
"additionalProperties": false
}A guide as Markdown: "using-packages" (Install and use the packages), "using-icons" (Use an icon file), "creating-icons" (Create an icon), "ai-operating-guide" (AI operating guide), "design-principles" (Drawing principles), "motion-principles" (Motion principles), "limitations" (Known limitations).
| Argument | Type | Description |
|---|---|---|
| slug* | string |
{
"type": "object",
"required": [
"slug"
],
"properties": {
"slug": {
"enum": [
"using-packages",
"using-icons",
"creating-icons",
"ai-operating-guide",
"design-principles",
"motion-principles",
"limitations"
],
"type": "string"
}
},
"additionalProperties": false
}When search_icons finds nothing that fits: a link where a person signed in with LottieFiles generates the icon on the website, in the family's style, in about three minutes. Give the link to the person you are helping; the icon then appears in search_icons as a community icon. Nothing is generated by this call.
| Argument | Type | Description |
|---|---|---|
| description* | string | What the icon should show, e.g. "a kite flying" or "piggy bank for a savings app". |
{
"type": "object",
"required": [
"description"
],
"properties": {
"description": {
"type": "string",
"maxLength": 200,
"minLength": 2,
"description": "What the icon should show, e.g. \"a kite flying\" or \"piggy bank for a savings app\"."
}
},
"additionalProperties": false
}Find icons by name or meaning. Matches labels, search terms (synonyms, UI slang, abbreviations) and, through embeddings, plain-language needs; tolerates typos. Returns the best matches first.
| Argument | Type | Description |
|---|---|---|
| limit | integer | At most this many results. |
| query* | string | What the icon should show or mean, e.g. "trash", "go back", "payment failed". |
| category | string | Only icons of this category (see list_categories). |
{
"type": "object",
"required": [
"query"
],
"properties": {
"limit": {
"type": "integer",
"default": 10,
"maximum": 50,
"minimum": 1,
"description": "At most this many results."
},
"query": {
"type": "string",
"maxLength": 100,
"minLength": 1,
"description": "What the icon should show or mean, e.g. \"trash\", \"go back\", \"payment failed\"."
},
"category": {
"enum": [
"essentials",
"actions",
"interface",
"tools",
"ai-conversation",
"ai-knowledge",
"ai-creation",
"ai-agents",
"feedback-status",
"loading-indicators",
"fintech-finance",
"travel",
"commerce-delivery",
"voice",
"media-playback",
"motion-design",
"agent-operations",
"arrows",
"annotation-arrows",
"teamwork",
"get-help",
"file-transfer",
"everyday-controls",
"account-privacy",
"forms-input",
"tables-analytics",
"text-document-editing",
"accessibility-reading",
"developer-version-control",
"infrastructure-devices",
"communication-social",
"scheduling-time",
"weather",
"health-fitness",
"smart-home",
"education",
"food-drink",
"files-folders",
"notifications",
"search-discovery",
"maps-navigation",
"photos-camera",
"music-audio",
"drawing-tools",
"events-tickets",
"automotive",
"legal-compliance",
"preferences",
"onboarding-tips",
"video-editing",
"chat-messaging",
"gamification-rewards",
"models-providers",
"model-training",
"vector-editing",
"voice-agents",
"emoji"
],
"type": "string",
"description": "Only icons of this category (see list_categories)."
}
},
"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 9, 2026.