The Greyd Plugin supports the use of icons throughout various blocks and settings in the WordPress Block Editor. Icons are based on the Elegant Icons library, which is automatically loaded and available without additional setup.
The icons are used in both Core and Greyd blocks, such as button blocks, list elements, and special interface components like pagination controls in sliders or form feedback messages. In forms, icons appear in blocks like file uploads, submit buttons, success and error messages, and multi-step navigations.
For more information about the component settings, see the Component documentation.
Icons can also be added in several blocks, such as:
- Core and Greyd button blocks
- Greyd List block
- Popover block (Popover Button)
- Search blocks (especially for the Submit Button)
- Greyd Forms: Upload Field, Submit Button, Multi-Step Navigation
To render icons on the frontend, two resources are required:
- A CSS stylesheet that defines the appearance of all available icons.
- The Elegant Icons font, loaded as either an EOT or TTF file depending on the browser.
These resources are automatically enqueued whenever a page includes icon usage.
Currently, the icon library cannot be customized. Support for additional icon libraries is planned for a future release.