133 icon styles
Colour or monochrome packs, each drawn at its own size. Find the exact pack for your AI web design project
AI design generator: give your agent 420,000+ icons
Connect the Icons8 MCP server to your AI designer. Add real icons and 110,000+ illustrations to your generative projects in a matching style.
claude plugin marketplace add icons8/agent-skills &&claude plugin install icons8@icons8Then run /mcp and sign in through the browser
New to MCP servers? Start with the guide
AI design generator free of mismatched graphics
Generated graphics often do not match each other. The Icons8 server pulls from a catalog of icons and illustrations instead.
347 illustration styles
Add character to your layouts. Replace a screenshot AI placeholder with a real scene
One style per project
The skills lock your choice in icons8.json and ouch.json, so results stay consistent between requests
What your AI website designer can build
Real assets make an AI design look finished. Ask your agent to assemble interfaces with matching graphics from the Icons8 catalog.
AI dashboard
A web app layout using a single icon pack for all navigation
Landing page AI
Hero section and empty states with illustrations in one style
Mobile app prototype
Tab bars and list icons from a single pack
How to use AI for design with Icons8 MCP
Add the server to your AI prototyping tools and sign in through the browser
Run the command
Claude Code: run the plugin command to add the server and 10 skills. Cursor or Windsurf: add the server config.
Approve the server
Your agent shows a Needs authentication prompt until you link your account
Sign in through the browser
Sign in connects the client. PNG previews are free for any project.
Pick your client and run the command
# ~/.cursor/mcp.json{"mcpServers": {"icons8mcp": {"url": "https://mcp.icons8.com/mcp/"}}}Then sign in from the MCP settings
Turn your agent into an AI product design assistant
The plugin installs 10 skills that tell your AI creative tools how to pick assets, review layouts, and check interface logic
Icons8
Holds one icon pack per project, locked in icons8.json
ouch
Holds one illustration style per project, locked in ouch.json
ux-check
Reviews empty, loading, and error states, form affordances, and the accessibility floor
ui-polish
Checks alignment, radii, contrast, focus states, and shadow consistency across the page
asset-check
Finds emoji standing in for icons and HTML sections with missing pictures
design-tokens
Reviews palette, spacing, type scale, dark mode implementation, and drift
Resources your AI assistant can use
Finding the best MCP servers AI tools can connect to starts with what they put on the page. The Icons8 server provides real icons and illustrations.
Previews first
Icon PNG previews are free at any size, so your agent can show layout options before fetching SVG
Context aware
The Icons8 skill carries a table of which icon pack fits which context
Format limits
PNG previews are free; SVG and other paid formats need a plan and are capped at 100 an hour, 1,000 a day per account
Which clients run the Icons8 MCP server
Every client below connects to the same catalog of icons and illustrations
| Client | How to add | Sign in |
|---|---|---|
| Claude Code | Plugin command | /mcp, then the browser |
| Codex | codex mcp add | codex mcp login |
| Cursor | mcp.json | From the MCP settings |
| Windsurf | mcp_config.json | From the MCP settings |
Questions about AI design
An AI assistant writes code, creates layouts, and suggests improvements. With our 10 design skills, it can also check UI polish, UX flows, and keep your icons in a single style.
Yes. You can ask an agent to build a prototype, check accessibility, or review your design system tokens using the agent-skills package.
Open an agent like Cursor, add the Icons8 MCP server, and ask it to build your pages. The agent will fetch matching icons and illustrations from the server.
Install a coding agent and equip it with the Icons8 MCP server and the 10 design skills from the agent-skills repository. The skills give the agent the context it needs to review interfaces.
Use an agent that supports MCP servers. The Icons8 server handles the visual layer, while the agent writes the logic and structures the HTML.
It is the process of building layouts, prototypes, and production code using an AI agent. Add the Icons8 MCP server with the Icons8 skill to keep your screens on a single icon pack per project.
Agents like Claude Code and Cursor can create interfaces. Connecting them to the Icons8 MCP server gives them access to icons and illustrations.
# One command: the server and 10 skills