Advertising sustains the DA. Ads are hidden for members. Join today

Contributed module documentation

Material Icons

This guide has not yet been reviewed by Contributed module documentation maintainer(s) and added to the menu.

The Material Icons module provides integration of Google’s Material Icons collection with Drupal websites. There is an option to configure the available icon styles. Starting with the 2.0.1 release, the module fully supports CKEditor 5 in Drupal 10.

The module offers two ways of using Material Icons:

  1. adding them to content in CKEditor (for which it provides a CKEditor plugin)
  2. adding them to any entity type as a field (for which it provides a custom field type and field widget with extra settings)

Examples of Google’s Material Icons
Examples of Google’s Material Icons

Configuring the available icon styles

How to configure which icon styles should be available for use on your Drupal website.

Using Material Icons in CKEditor

How to make the Material Icons button available on the CKEditor toolbar and add icons to content.

Using Material Icons as a field

How to add a field of the Material Icons type to a content type or any other fieldable entity type and configure its form display.