Icon Picker

Give content editors an intuitive, visual field for selecting icons without copying filenames or markup. Bring SVGs, sprites, icon fonts and supported remote sets into one consistent Craft workflow.

Quick search

Search icons quickly by name or browse the available set visually. Each field can expose only the sources that make sense for that part of the site, keeping a large library from becoming a wall of unrelated choices.

The Icon Picker field open over a searchable grid of Lucide icons.

Individual SVGs

Build a source from standalone SVG files stored by the project.

SVG sprites

Select symbols from an existing SVG sprite sheet.

Icon fonts

Browse glyphs exposed by the project’s webfont styles.

Bring the right icon set

Start with supported catalogues including Bootstrap Icons, Heroicons, Lucide, Material Design Icons, Octicons, Phosphor, Remix Icon and Tabler Icons. Keep project-owned sets organised in nested folders and limit each field to the collections, variants or weights its authors actually need.

Fast wherever icons appear

Icon sets are cached and lazy-loaded so a substantial library does not weigh down every element edit screen. Selected icons remain useful beyond Twig, with structured GraphQL values, support for Craft element cards and thumbnails, and an integration for projects that still use Redactor (opens new window).

Get started with Icon Picker

Available for Craft 3, 4 and 5. Get it from the plugin store.