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>
<li>Translation ready</li>
</ul>


SVG Icon Block

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

Kamal Hosen

WPBranch

<p>This plugin provides an easy way to add a custom SVG icon or graphic to the Block Editor (Gutenberg). It also includes the complete WordPress icon library with over 270 SVG icons to choose from!</p>
<h3>Key Features</h3>
<ul>
<li>270+ native WordPress icons, including social logos</li>
<li>Use any custom SVG icon or graphic</li>
<li>Includes some handy icon controls (link, rotate, alignment, colors, border, padding, margin, etc.)</li>
<li>No block library required 🎉</li>
<li>Built almost entirely with native WordPress components</li>
<li>Will get additional functionality as it’s added to WordPress core</li>
<li>Register your own custom icon library. <a href="https://blog.kamalhosen.com/adding-custom-icons-to-the-icon-block/" rel="nofollow ugc">Learn more</a></li>
</ul>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://twitter.com/kamalhosenn" rel="nofollow ugc">Follow on Twitter</a></li>
</ul>


All Icon Block

Effortlessly add an SVG icon or graphic to your website or choose one from the WordPress icon library.

SVG Icon Block vs All Icon Block