Generative Icons
Animated icon library from LottieFiles. Search icons by name or meaning, change color, style and motion, and export dotLottie. No sign-in needed.
Hosted MCP Server
npx add-mcp 'https://generativeicons.com/mcp'Installs into Claude Code, Codex, Cursor and more
Documentation
Every guide is also available as Markdown for your AI: add .md through the link on each page, or read llms.txt.
- Install and use the packages Add animated icons to any JavaScript app: install only the icons you need with the generative-icons CLI, and render them with the shared runtime or the…
- Use an icon file For app integration, generative-icons add and the npm packages are the easiest path. This page covers using the native files directly.
- Create an icon When the library has no icon for your meaning, your coding AI can create one in your own project with the generative-icons CLI. You can also write it…
- AI operating guide Give this file to your coding agent to create or revise icons that match the Generative Icons family by LottieFiles. It bundles the canonical workflow,…
- Drawing principles Use a 32 × 32 vector coordinate system. Outline weights are 1.5, 2 and 2.5 units; Regular is 2. The three weights share one geometry, and every Regular…
- Motion principles Design cause → action → response → final state before writing keyframes. Define the stationary structure, main driver, followers, anchors, hinges and…
- Known limitations generative-icons draft and build run on Creator MCP, LottieFiles' hosted engine, so they need a sign-in (generative-icons login). Sign-in uses the…