Binsaifullah

gkits

<p>SVG Icon Block is a custom Gutenberg block plugin that allows you to add SVG icon to your Gutenberg block editor. It comes with a lot of customization options, as a result, you can customize it as per your needs.</p>
<h3>Video Tutorial</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/K7iUgJU42GI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Features</h3>
<ul>
<li>Easy to use</li>
<li>Simple, light-weight and fast</li>
<li>Font Awesome SVG Icon ( not font library, rather direct SVG)</li>
<li><strong>Direct SVG upload option</strong></li>
<li><strong>SVG format support for direct upload</strong></li>
<li><strong>Rotate, Flip (Horizontal & Vertical)</strong> features are available</li>
<li>No third-party dependencies.</li>
<li>Only SVG codes are rendered.</li>
</ul>


SVG Icon Block

Easily add SVG icon to your Gutenberg block editor with this SVG Icon Block plugin.

robertoiacono

<p>Add customizable icons to your content with full control over icon selection, size, color, alignment, and background gradients. This block allows you to search and choose from a rich library of Lucide icons directly within the WordPress block editor.</p>
<h3>Features</h3>
<ul>
<li>Icon Picker with search functionality</li>
<li>Adjustable icon size (8px–256px)</li>
<li>Full color support for icon</li>
<li>Full color & gradient support for background</li>
<li>Alignment controls (left, center, right)</li>
<li>Icon padding</li>
<li>Icons can be clickable links, with full Gutenberg integration</li>
<li>Uses the modern, lightweight Lucide icon library</li>
<li>Fully integrated into the WordPress Styles panel</li>
<li>Ideal for enhancing visual communication in content, highlighting features, or adding decorative elements.</li>
</ul>
<h3>Credits</h3>
<p>Icons used are <a href="https://lucide.dev/icons/" rel="nofollow ugc">Lucide Icons</a> and <a href="https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/social-link/icons" rel="nofollow ugc">WordPress Social Icons</a>.</p>


RIACO Icon Block

RIACO Icon Block add SVG icons as WordPress block with full control over icon selection and style.

SVG Icon Block vs RIACO Icon Block