---
title: "Generative Icons"
description: "Customizable animated icons for web, iOS and Android by LottieFiles. Change color, style and motion, export as dotLottie, and ask your AI to draw new ones."
canonical: https://generativeicons.lottiefiles.com/
---

# Generative Icons

1,141 animated icons by LottieFiles for web, iOS and Android apps. Every icon is a native dotLottie file with Light and Strong motion and Outline (three weights), Solid and Duotone styles, recolored and restyled at runtime. Library version 0.1.0.

## Find an icon

- Search on the site: https://generativeicons.lottiefiles.com/?q=<meaning> (names, search terms, typos and plain-language needs).
- MCP server: https://generativeicons.lottiefiles.com/mcp (Streamable HTTP, no sign-in), tools `search_icons`, `get_icon`, `list_categories`, `read_guide`; the guides at https://generativeicons.lottiefiles.com/mcp/docs.
- REST API: `GET https://generativeicons.lottiefiles.com/api/v1/icons?q=<meaning>`, `GET https://generativeicons.lottiefiles.com/api/v1/icons/<id>`, `GET https://generativeicons.lottiefiles.com/api/v1/categories` (described at https://generativeicons.lottiefiles.com/openapi.json).
- Every icon: https://generativeicons.lottiefiles.com/catalog.json, or browse https://generativeicons.lottiefiles.com/icons/.

## Install an icon

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add <icon-id>
```

## Guides

- [Install and use the packages](https://generativeicons.lottiefiles.com/docs-md/using-packages.md): 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](https://generativeicons.lottiefiles.com/docs-md/using-icons.md): 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](https://generativeicons.lottiefiles.com/docs-md/creating-icons.md): 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](https://generativeicons.lottiefiles.com/docs-md/ai-operating-guide.md): 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](https://generativeicons.lottiefiles.com/docs-md/design-principles.md): 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](https://generativeicons.lottiefiles.com/docs-md/motion-principles.md): Design cause → action → response → final state before writing keyframes. Define the stationary structure, main driver, followers, anchors, hinges and…
- [Known limitations](https://generativeicons.lottiefiles.com/docs-md/limitations.md): generative-icons build exports native Lottie on LottieFiles' hosted engine, so it needs a sign-in (generative-icons login). The hosted engine is internal…

## Categories

- Essentials (20): https://generativeicons.lottiefiles.com/?category=essentials
- Actions (20): https://generativeicons.lottiefiles.com/?category=actions
- Interface (20): https://generativeicons.lottiefiles.com/?category=interface
- Tools (21): https://generativeicons.lottiefiles.com/?category=tools
- AI · Conversation (20): https://generativeicons.lottiefiles.com/?category=ai-conversation
- AI · Knowledge (20): https://generativeicons.lottiefiles.com/?category=ai-knowledge
- AI · Creation (20): https://generativeicons.lottiefiles.com/?category=ai-creation
- AI · Agents (20): https://generativeicons.lottiefiles.com/?category=ai-agents
- Feedback & status (20): https://generativeicons.lottiefiles.com/?category=feedback-status
- Loading indicators (20): https://generativeicons.lottiefiles.com/?category=loading-indicators
- Fintech & finance (20): https://generativeicons.lottiefiles.com/?category=fintech-finance
- Travel (20): https://generativeicons.lottiefiles.com/?category=travel
- Commerce & delivery (20): https://generativeicons.lottiefiles.com/?category=commerce-delivery
- Voice (20): https://generativeicons.lottiefiles.com/?category=voice
- Media & playback (20): https://generativeicons.lottiefiles.com/?category=media-playback
- Motion design (20): https://generativeicons.lottiefiles.com/?category=motion-design
- AI · Agent operations (20): https://generativeicons.lottiefiles.com/?category=agent-operations
- Arrows (20): https://generativeicons.lottiefiles.com/?category=arrows
- Annotation arrows (20): https://generativeicons.lottiefiles.com/?category=annotation-arrows
- Teamwork (40): https://generativeicons.lottiefiles.com/?category=teamwork
- Get help (20): https://generativeicons.lottiefiles.com/?category=get-help
- Files & transfers (20): https://generativeicons.lottiefiles.com/?category=file-transfer
- Everyday controls (20): https://generativeicons.lottiefiles.com/?category=everyday-controls
- Account & privacy (20): https://generativeicons.lottiefiles.com/?category=account-privacy
- Forms & input (20): https://generativeicons.lottiefiles.com/?category=forms-input
- Tables & analytics (20): https://generativeicons.lottiefiles.com/?category=tables-analytics
- Text & document editing (20): https://generativeicons.lottiefiles.com/?category=text-document-editing
- Accessibility & reading (20): https://generativeicons.lottiefiles.com/?category=accessibility-reading
- Developer & version control (20): https://generativeicons.lottiefiles.com/?category=developer-version-control
- Infrastructure & devices (20): https://generativeicons.lottiefiles.com/?category=infrastructure-devices
- Communication & social (20): https://generativeicons.lottiefiles.com/?category=communication-social
- Scheduling & time tools (20): https://generativeicons.lottiefiles.com/?category=scheduling-time
- Weather (20): https://generativeicons.lottiefiles.com/?category=weather
- Health & Fitness (20): https://generativeicons.lottiefiles.com/?category=health-fitness
- Smart Home (20): https://generativeicons.lottiefiles.com/?category=smart-home
- Education (20): https://generativeicons.lottiefiles.com/?category=education
- Food & Drink (20): https://generativeicons.lottiefiles.com/?category=food-drink
- Files & folders (20): https://generativeicons.lottiefiles.com/?category=files-folders
- Notifications (20): https://generativeicons.lottiefiles.com/?category=notifications
- Search & discovery (20): https://generativeicons.lottiefiles.com/?category=search-discovery
- Maps & navigation (20): https://generativeicons.lottiefiles.com/?category=maps-navigation
- Photos & camera (20): https://generativeicons.lottiefiles.com/?category=photos-camera
- Music & audio (20): https://generativeicons.lottiefiles.com/?category=music-audio
- Drawing & design tools (20): https://generativeicons.lottiefiles.com/?category=drawing-tools
- Events & tickets (20): https://generativeicons.lottiefiles.com/?category=events-tickets
- Automotive (20): https://generativeicons.lottiefiles.com/?category=automotive
- Legal & compliance (20): https://generativeicons.lottiefiles.com/?category=legal-compliance
- Preferences (20): https://generativeicons.lottiefiles.com/?category=preferences
- Onboarding & tips (20): https://generativeicons.lottiefiles.com/?category=onboarding-tips
- Video editing (20): https://generativeicons.lottiefiles.com/?category=video-editing
- Chat & messaging (20): https://generativeicons.lottiefiles.com/?category=chat-messaging
- Gamification & rewards (20): https://generativeicons.lottiefiles.com/?category=gamification-rewards
- Models & providers (20): https://generativeicons.lottiefiles.com/?category=models-providers
- Model training & fine-tuning (20): https://generativeicons.lottiefiles.com/?category=model-training
- Vector editing & design (20): https://generativeicons.lottiefiles.com/?category=vector-editing
- Voice agents (20): https://generativeicons.lottiefiles.com/?category=voice-agents

More for agents: https://generativeicons.lottiefiles.com/llms.txt