Block Icons: Google Library Collection

Description

Block Icons adds a single, focused Icon block to the WordPress block editor for inserting Google Material Symbols.

Browse thousands of icons in three styles (Outlined, Rounded, Sharp) with search, category filtering, and recently-used — then drop one into your content and style it.

Highlights

  • Thousands of Google Material Symbols, three styles, plus filled variants.
  • Fast picker: search by name or keyword, filter by category, recently-used.
  • Clean inline SVG output — no icon font is loaded and no external requests are made, so it is fast and privacy-friendly.
  • Per-icon controls: style, fill, size, color, hover color, alignment, link (with open-in-new-tab), and accessibility (mark decorative or set a label).
  • Server-rendered (dynamic) block: changing how icons render in future updates won’t invalidate your existing content.

Screenshots

  • The Icon block and its picker (search + categories).
  • Per-icon style controls in the editor sidebar.

Blocks

This plugin provides 1 block.

  • Icon Insert and customize Google Material Symbols icons.

Installation

  1. Upload the plugin to /wp-content/plugins/, or install it from the Plugins screen.
  2. Activate the plugin through the Plugins menu.
  3. In the editor, add the Icon block (Media category), open the picker, and choose an icon.

FAQ

Does it load a font or call an external service?

No. Icons are rendered as inline SVG bundled with the plugin. Nothing is loaded from Google or any third party.

Which icons are included?

The Google Material Symbols library in Outlined, Rounded, and Sharp styles, including filled variants.

I am upgrading from an older version — will my existing icons break?

No. Icons placed with earlier versions keep working: they are automatically re-rendered as inline SVG, with no action required. You can also convert an old icon to the new Icon block from the editor’s block toolbar.

Reviews

March 23, 2024
I love how you can customize the icon in many ways, i.e. color, fill, weight, size, etc.). Keep up the good work!
Read all 1 review

Contributors & Developers

“Block Icons: Google Library Collection” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.0.0

  • Complete rewrite. New Icon block: browse thousands of Material Symbols (Outlined / Rounded / Sharp) with search, categories, and recently-used.
  • Output is now inline SVG — no icon font and no external requests (faster, privacy-friendly).
  • Per-icon controls: style, fill, size, color, hover color, alignment, link, and accessibility.
  • Backward compatible: existing icons from earlier versions are re-rendered as inline SVG automatically, and can be converted to the new block from the toolbar.