All of Infyicon, in code

161,700+ hand-crafted icons behind one free API — search it, hotlink it, or plug it into your AI assistant over MCP. No API key. Free with attribution.

QuickstartConnect your AI
Icon Search API

Search the full library by keyword — JSON in, icons out. CORS enabled, no key required.

Asset CDN

Hotlink any icon as SVG or transparent PNG (16-512px) straight from our Cloudflare-backed CDN.

MCP server

Connect Claude, ChatGPT, Cursor, VS Code, Codex, Gemini or Hermes to the whole library over MCP.

UI icon webfont

61,000+ glyph icon font — CDN stylesheet or `npm install infyicons`. A free uicons alternative.

Online editor

Recolor, style and animate any icon, or convert to EPS, PDF and DXF — link users straight into it.

Plugins

Figma, Google Workspace, Chrome, Microsoft Office and WordPress — insert icons where you work.

Connect Infyicon to any AI assistant

One MCP endpoint works everywhere. Once connected, ask your assistant for icons and it can search the library, read the SVG markup and place icons directly into whatever it's building — documents, code, designs.

✓ Listed on the official MCP Registry · Source on GitHub

  1. 1.Open Settings → Connectors
  2. 2.Click "Add custom connector"
  3. 3.Paste https://infyicon.com/mcp and click Add
https://infyicon.com/mcp

No API key needed. Tools: search_icons · get_icon_svg · get_icon_png · list_categories · uicons_lookup. Free with attribution to infyicon.com.

Plugins

Use Infyicon inside the tools you already work in.

Figma
Search and drop icons on the canvas
Get
Google Workspace
Docs, Slides and Sheets add-on
Get
Microsoft Office
Word and PowerPoint add-in
Get
WordPress
Search + insert in the block editor
Get
Chrome extension
Icons in one click from any tab — now on the Web Store
Get
Windows desktop app
Browse and download offline
Get
Adobe Illustrator
Search in a panel, place editable vectors on the artboard
Get
Adobe Photoshop
Search in a panel, drop icons in as smart-object layers
Get
DaVinci Resolve
Search and import icons straight to your media pool
Get
Adobe After Effects
Import icons as footage, straight into your comp
Get
Adobe Premiere Pro
Icons into the Project panel, ready for the timeline
Get
Adobe InDesign
Place icons as vector art on your page
Get
Final Cut Pro
Icons into your event browser
Soon

REST quickstart

1. Search icons

GET https://infyicon.com/api/search?q=rocket&size=24&off=0
# optional: &style=outline | fill | color-outline | color-fill

// response
{
  "total": 344,
  "hasMore": true,
  "v2": [
    { "slug": "rocket-41", "id": 156919, "style": "fill", "name": "Rocket" },
    ...
  ]
}

2. List icons by style or category

GET https://infyicon.com/api/list?style=outline&page=0&size=100
GET https://infyicon.com/api/list?tag=food&page=0&size=100
GET https://infyicon.com/api/cats        # all categories

3. Asset URLs (CDN)

Every icon is served from our Cloudflare-backed CDN. Build URLs from the search results:

SVG:      https://infyicon.com/i2/{style}/svg/{slug}_{id}.svg
PNG:      https://infyicon.com/i2/{style}/png/{size}/{slug}_{id}.png
          sizes: 16 24 32 64 128 256 512

example:  https://infyicon.com/i2/fill/svg/rocket-41_156919.svg
          https://infyicon.com/i2/fill/png/128/rocket-41_156919.png

4. Fetch and inline an icon

const r = await fetch('https://infyicon.com/api/search?q=home&size=1');
const icon = (await r.json()).v2[0];
const svg = await (await fetch(
  `https://infyicon.com/i2/${icon.style}/svg/${icon.slug}_${icon.id}.svg`
)).text();
document.getElementById('slot').innerHTML = svg;

Fair use

The API and MCP server are free for apps, sites, plugins and tutorials. Please cache responses on your side, keep request rates reasonable (bulk-mirroring the library is not allowed), and credit infyicon.com wherever icons are shown, per the license. Questions: [email protected].