For AI agents

Icon search, built into your AI agent

Icon Pack ships a free Model Context Protocol server. Connect it once and your coding agent can search 49,957 open-source icons and drop them into your project as SVG or typed React components — no API key, no account.

Endpoint

https://icon-pack.com/api/mcp

Streamable HTTP transport, no authentication. Works with any MCP client.

Set up your client

Claude Code

claude mcp add --transport http iconpack https://icon-pack.com/api/mcp

Cursor

Add to .cursor/mcp.json in your project (or ~/.cursor/mcp.json for all projects):

{
  "mcpServers": {
    "iconpack": {
      "url": "https://icon-pack.com/api/mcp"
    }
  }
}

VS Code

Add to .vscode/mcp.json:

{
  "servers": {
    "iconpack": {
      "type": "http",
      "url": "https://icon-pack.com/api/mcp"
    }
  }
}

Claude Desktop & claude.ai

Settings → Connectors → Add custom connector, then paste the endpoint URL above.

Tools

search-icons

Search all 49,957 icons by keyword. Returns icon ids, licenses, react-icons import statements, and links.

{ "query": "arrow right", "pack": "fa", "limit": 3 }

query is required; pack (a key from list-collections) and limit (1-50, default 20) are optional.

fa:FaArrowRight · Arrow Right · Font Awesome 5 · CC BY 4.0
  import { FaArrowRight } from 'react-icons/fa'
  https://icon-pack.com/icon/font-awesome-5/FaArrowRight

get-icon

Fetch up to 20 icons as ready-to-paste SVG markup or standalone typed React components. Icons scale with font-size and inherit text color.

{ "names": ["md:MdHome"], "format": "react" }

names entries are "pack:IconName" (or a bare name to search all packs); format is "svg" (default) or "react".

import type { SVGProps } from 'react';

export function MdHome(props: SVGProps<SVGSVGElement>) {
  return (
    <svg stroke="currentColor" fill="currentColor" ... {...props}>...</svg>
  );
}

list-collections

List all 31 icon packs with their keys, icon counts, and licenses.

{}

No arguments.

fa · Font Awesome 5 · 1,611 icons · CC BY 4.0 · https://icon-pack.com/collections/font-awesome-5
md · Material Design · 4,341 icons · Apache-2.0 · https://icon-pack.com/collections/material-design

Things to ask your agent

  • "Find a shopping cart icon that matches the lucide icons we already use, and add it to the navbar."
  • "Get me left/right/up/down arrow icons as React components — I don't want to add a dependency."
  • "Which packs have an MIT-licensed calendar icon?"

Free to use. Every icon comes from an open-source collection; the license is included with each result. Check it before shipping — see all collections for details.

SVGs are returned with 1em sizing and currentColor, so they scale with font-size and inherit text color wherever they're pasted.