Skip to content

Icons

Search and create icons from 200k+ open-source icons via Iconify.

Type reference
// Icons are fetched from the Iconify API (iconify.design) and inserted as SVG vector nodes.
// Icon names use "prefix:name" format. Common sets: lucide, mdi, tabler, heroicons, ph.
// Examples: "lucide:home", "mdi:account-circle", "tabler:arrow-right", "ph:gear-bold"
// Use search to discover icons by keyword. Use collections to list available icon sets.
// create fetches the SVG and inserts it via frames.create — auto-detects fill vs stroke icons.
// Use colorVariableName (not fillVariableName/strokeVariableName) — the handler applies to whichever channel has paint.
// Fetched icons are cached in memory for the session (same icon+size is fetched once).
// Powered by Iconify (iconify.design) — open-source icon framework.

3 methods available.

Search icons by keyword across all Iconify sets

Example

icons(method:"search", query:"arrow right", prefix:"lucide")
ParameterTypeRequiredDescription
querystringSearch keyword (e.g. "home", "arrow", "user")
prefixstringRestrict to one icon set (e.g. "lucide", "mdi")
limitnumberMax results (default 64)

Response

FieldTypeDescription
iconsstring[]Icon names (e.g. ["lucide:home", "mdi:home"])
totalnumberTotal matching icons

List available Iconify icon sets

Example

icons(method:"collections", category:"UI 24px", limit:10)
ParameterTypeRequiredDescription
querystringFilter by name or prefix (e.g. "lucide", "material")
categorystringFilter by category (e.g. "UI 24px", "Logos", "Emoji")
limitnumberMax results (default: all)

Response

Array of icon set metadata

FieldTypeDescription
collectionsarray[{ prefix, name, total, category, license }]
totalnumberTotal matching collections (before limit)

Create an icon node in Figma from an Iconify icon name

Example

icons(method:"create", icon:"lucide:home", size:24, colorVariableName:"text/primary", parentId:"1:2")
ParameterTypeRequiredDescription
iconstringIcon name — "prefix:name" e.g. "lucide:home", "mdi:account"
sizenumberIcon size in px (default 24, square)
namestringLayer name (default: icon name)
parentIdstringParent node ID. Omit for current page root.
xnumberX position (default: 0)
ynumberY position (default: 0)
colorVariableNamestringColor variable for the icon — auto-detects fill vs stroke (e.g. 'text/primary')
colorStyleNamestringPaint style for the icon — auto-detects fill vs stroke (e.g. 'Icon/Primary')

Response

FieldTypeDescription
resultsobject[]One entry per input item
idstring