Robiulawal40

fuad

<p>The Icon Blocker extension introduces a simple, user-friendly block that empowers you to add SVG icons( WordPress Dash icons, Fontawesome or custome SVG ) into the WordPress block editor, known as Gutenberg.</p>
<p>Furthermore, the extension includes the WordPress icon library, Fontawesome icons.</p>
<h3>Key Features</h3>
<ul>
<li>1700+ icons included, including social logos</li>
<li>Use any custom SVG icon</li>
<li>Insert icons from your Media Library if SVG uploads are supported</li>
<li>Includes handy icon controls (alignment, colors,link, rotate, border, padding, margin, etc.)</li>
<li>Fully compatible with the Site Editor</li>
</ul>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/robiulawal40" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://www.linkedin.com/in/robiulawal40" rel="nofollow ugc">View on Linkedin</a></li>
</ul>


Icon Blocker

Icon Blocker is a gutenberg block to add icon anywhere in gutenberg editor.

seothemes

<p>Icon Widget creates a new WordPress widget that displays an icon, title and description. Select the size, color and text-alignment with easy to use dropdown options.</p>
<h4>Icon Fonts Included</h4>
<ul>
<li>Font Awesome 4 & 5</li>
<li>Line Awesome</li>
<li>Ionicons</li>
<li>Streamline Icons</li>
<li>ET Line Icons<br />
<em>More coming soon. We are open to suggestions.</em></li>
</ul>
<h4>Shortcode Usage</h4>
<p>Since 1.0.6 you can now use the <code>icon_widget</code> shortcode. Below is a list of available attributes with their default values:</p>
<ul>
<li>classes  =>  ‘icon-widget’</li>
<li>title    =>  ‘Icon Widget’</li>
<li>content  =>  ‘Add a short description.’</li>
<li>icon     =>  ‘fa-star’</li>
<li>weight   =>  ‘600’</li>
<li>size     =>  ‘2x’</li>
<li>align    =>  ‘center’</li>
<li>color    =>  ‘#333333’</li>
<li>bg       =>  ”</li>
<li>padding  =>  ”</li>
<li>radius   =>  ”</li>
<li>heading  =>  ‘h4’</li>
<li>break    =>  ‘<code><br></code>‘</li>
</ul>
<p>Here is an example of the icon widget shortcode using all available parameters:</p>
<pre><code>[icon_widget classes="icon-widget" title="Icon Widget" content="Add a short description" icon="fa-star" weight="600" size="2x" align="center" color="#fff" bg="#333" padding="30" radius="30" heading="h4" break="<br>"]
</code></pre>


Icon Widget

This works great and saves a lot of time. Easy for clients to manage.

Works Great!

Display an icon, title and description with a widget or a shortcode.

Icon Blocker vs Icon Widget