Features

This module adds a configurable icon selection field to entity add/edit forms, enabling users to choose icons from popular libraries such as Font Awesome, Bootstrap Icons, Remix Icons, and more.

Key Features:

Provides an Icon field type for content types, media, blocks, and other entities.

Supports multiple icon libraries out-of-the-box.

User-friendly icon picker interface in the form.

Optional integration with text formats or UI display options.

Developers can extend support to more libraries via plugins.

Use Cases:

Add visual identifiers to content (e.g. services, features, callouts).

Design-driven content types that require consistent iconography.

Backend icon management for layout builders or paragraph types.

Post-Installation

Go to Structure > Content types > [Your Content Type] > Manage fields.

Add a new field of type Icon.

Configure allowed icon libraries from the field settings.

Save the field, then go to the content creation form to see the icon selector.

Optionally, configure output settings or custom formatters in Display modes.

Additional Requirements

Drupal Core 10 or 11

External icon libraries must be available via CDN or locally hosted.

If not included in your theme or elsewhere, you may need to add libraries (e.g. Font Awesome CSS) via your theme or a custom module.

Smart Icon Picker

Top 2 contributors

Issues