Icon Block
The Icon Block plugin registers a single, easy-to-use block that allows you to add custom SVG icons and graphics to the WordPress block editor (Gutenberg).
The plugin also includes the complete WordPress icon library with 290+ SVG icons to choose from.
The plugin is developed externally and more information can be found at https://wordpress.org/plugins/icon-block/.
Table of Contents
Example
Settings
Label
Briefly describe the icon to help screen reader users.
Width
This setting determines the width of the icon.
Color
- Icon Color: This setting determines the color to fill for the SVG Icon.
- Background Color: This setting determines the background color of the SVG Icon.
Mobile Friendly
The Icon Block is mobile friendly.
Accessibility
The Icon Block conforms with WCAG 2.1 AA Guidelines, ensuring that all users can navigate and interact with its content easily and effectively.
How to use the block on UBC CMS?
Navigate to your site’s Dashboard on UBC CMS and go to Plugins. Search for The Icon Block and activate the plugin. proceed to the specific post or page you wish to edit. Click the + button located in the top-left corner or in the desired location on the page to add a block. Finally, search for Icon to insert it into your content.