Directory / plugin

Mosne Button Icons

v0.2.3 · by Mosne / Paolo Tesei

Insert WordPress icons inline in Rich Text, the same way as inline images.

About this plugin

Adds an Inline icon format to the block editor toolbar. It works anywhere Rich Text allows formats (paragraphs, headings, buttons, lists, and more).

Icons come from the WordPress Icons API (the same library as the core/icon block), including collections registered by themes and plugins via wp_register_icon(). An optional Phosphor icon collection ships with the plugin and can be disabled from Settings or via a filter.

The format stores an icon name. On the front end, WordPress renders the SVG with wp_get_icon() so the icon inherits the surrounding text color.

Features

  • Inline icon Rich Text format in the block editor toolbar
  • Works in paragraphs, headings, buttons, and other Rich Text fields
  • Uses the WordPress Icons API (wp_get_icon, wp_register_icon)
  • Ships with a Phosphor icon collection under icon-collections/
  • Toggle built-in collections via Settings or a filter
  • Front-end SVG rendering that inherits text color
  • Accessible labels via screen-reader text (empty means decorative)

Credits

This plugin ships SVG icons from Phosphor Icons, distributed via the @phosphor-icons/core package.

Phosphor Icons is licensed under the MIT License. Copyright (c) 2023 Phosphor Icons.

Plugin tags