Strapi Plugin Material Symbols and Icons

Strapi Plugin Material Symbols and Icons allows you to add a custom field to Strapi for selecting icons from Google's Material Symbols typography.

Installation

Requirements

• Node.js 18 to 22

To install the plugin, run the following command in your Strapi project directory:

npm install strapi-plugin-material-symbols

After installation, add the following configuration to your project's config/plugins.ts or config/plugins.js file:

module.exports = {
  'material-symbols': true,
};

Usage

Once the plugin is installed and configured, a new menu will appear in the Strapi admin panel listing all available icons.

Releases

Versioning and publishing are handled automatically by repository CI when changes are merged into main.

Contributors should use feature branches and open pull requests; releases are generated from the protected main branch workflow.

The CI publish step requires a granular npm access token with bypass 2FA enabled, or you can switch the workflow to trusted publishing. Regular user tokens may trigger an OTP prompt and fail the release job.

Adding a custom field

• In the Strapi admin panel, go to content configuration.
• Add a new custom field.
• In the Custom tab, click on the Strapi Material Symbols plugin button.
• Enter a name for the field.
• In the Advanced Settings tab, set the field as required or not.
• Save the changes.

🖖👽 Support

If you want to say Thank You and/or support the active development of Strapi Material Symbols and Icons:

Support the project by donating a cup of coffee.