Iconify Icon Tools

4 min read

Use MCP tools to search, browse, and insert icons from the Iconify library — over 200,000 icons from 150+ collections including Material Design, Font Awesome, Heroicons, Phosphor, and more.

Available Tools

Four MCP tools are available in the create namespace (active by default):

Tool Description
insert_iconify_icon Insert a specific icon onto the canvas
search_iconify_icons Search for icons by keyword across all collections
get_iconify_collections List all available icon collections with metadata
get_iconify_collection Get all icon names within a specific collection

insert_iconify_icon

Insert a specific icon from the Iconify library onto your canvas. Icons are rasterized at high resolution and placed as image elements.

Parameters

Parameter Type Required Description
prefix string Yes Collection prefix (e.g., "mdi", "fa6-solid", "heroicons")
name string Yes Icon name within the collection (e.g., "home", "arrow-left")
x number No X position on canvas. If omitted, centers on canvas.
y number No Y position on canvas. If omitted, centers on canvas.
size number No Display size in pixels (default: 48)
parentId string No Parent frame/group ID to insert into

Example

"Insert the mdi:home icon at position 100, 200 with size 64"

search_iconify_icons

Search for icons across all Iconify collections by keyword. Returns matching icon names in "prefix:name" format.

Parameters

Parameter Type Required Description
query string Yes Search term (e.g., "arrow", "user", "settings")
prefix string No Filter results to a specific collection (e.g., "mdi")
limit integer No Maximum results (default: 64, max: 999)
start integer No Offset for pagination (default: 0). Use with limit to page through results.

Example

"Search for arrow icons in the heroicons collection, limit 20"

Pagination

For large result sets, use start and limit together to page through results. The response includes total (total matches) and start (current offset) to help you navigate.

get_iconify_collections

List all available Iconify icon collections with metadata. Returns 150+ collections sorted by icon count.

Parameters

No parameters required.

Response

Each collection includes:

get_iconify_collection

Get details of a specific collection by prefix, including the full list of all icon names. Use this to browse all icons in a collection.

Parameters

Parameter Type Required Description
prefix string Yes Collection prefix (e.g., "mdi", "fa6-solid", "heroicons")

Response

Returns collection metadata (name, author, license, total count) plus a complete list of all icon names in the collection.

Popular Collections

Prefix Collection Best For
mdi Material Design Icons Android apps, Material Design UIs
fa6-solid Font Awesome 6 Web design, branding, social media
heroicons Heroicons Modern web apps, minimalist designs
lucide Lucide Clean interfaces, consistent stroke width
ph Phosphor Flexible icon family, multiple styles
tabler Tabler Icons Pixel-perfect icons, dashboards
carbon Carbon Enterprise UIs, IBM design system
ion Ionicons Ionic framework, mobile apps
bi Bootstrap Icons Bootstrap websites, consistent UI
octicon GitHub Octicons Developer tools, code-related UIs

Workflow Example

1

Discover collections

Use get_iconify_collections to see all available icon sets and their sizes.

2

Search or browse

Use search_iconify_icons to find icons by keyword, or get_iconify_collection to browse all icons in a specific collection.

3

Insert icons

Use insert_iconify_icon with the prefix and name to place icons on your canvas at specific positions.

💡 Pro Tip

Combine Iconify tools with composite UI tools like create_ui_button and create_ui_tab_bar to build complete interfaces with custom icons.

Related Topics