Icon Picker

Icon Picker gives authors a searchable, visual field for choosing the right icon without copying filenames or markup. Bring SVGs, sprites, webfonts and supported remote sets together in one consistent Craft workflow.

Browse or search an icon set in a focused picker, then store a stable reference for templates. Fields can expose only the sets that make sense for that part of the site, keeping a large library from becoming a wall of unrelated choices.

Features

• Find an icon by name or move through the grid with the keyboard instead of scanning an unlabelled library.
• Use individual SVG files, SVG sprites and icon fonts already owned by the project.
• Choose from a broad collection of remotely backed icon libraries without bundling their SVG files into the plugin.
• Connect kits and CDN sets, including custom kit icons and their available styles and families.
• Keep local SVGs in multiple or nested folders and limit which sets, collections, variants or weights each field may use.
• Cache and lazily load icon metadata and resources so substantial collections remain practical and isolated from one another.
• Access the selected icon and its source details in Twig or through GraphQL.
• Show selected icons in supported element cards, chips and thumbnails, or use the picker from supported Redactor fields.
• Register another remote icon service or extend existing behaviour through plugin events.

Icon Sets

• Bootstrap Icons
• css.gg
• Feather Icons (Legacy)
• Font Awesome
• Heroicons
• Ionicons
• Ionicons (Legacy)
• Lucide
• Material Design Icons
• Material Symbols
• Octicons
• Phosphor
• Remix Icon
• SVG Folders
• SVG Sprites
• Tabler Icons
• Web Fonts