Add and customize Google Material Symbols icons in the block editor, output as clean inline SVG — no icon font, no external requests.

yukyhendiawan

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

Block Icons: Google Library Collection


I love how you can customize the icon in many ways, i.e. color, fill, weight, size, etc.). Keep up the good work!


Alternatives to Block Icons: Google Library Collection

Top alternatives