yukyhendiawan

<p>Block Icons: Google Library Collection is a Gutenberg plugin specifically designed to streamline user experience in showcasing a collection of Google icons. With this plugin, you can effortlessly add and customize Google icons directly through the Gutenberg block.</p>
<p>The main advantage of Block Icons: Google Library Collection lies in its simplicity when integrating Google icons into WordPress pages or posts. By utilizing the Gutenberg block, this process becomes more straightforward without the need to deal with code.</p>
<h3>Features</h3>
<ul>
<li>More than 1200+ Icons</li>
<li>Font Size</li>
<li>Icon Color</li>
<li>Hover Icon Color</li>
<li>Fill Mode</li>
<li>Weight</li>
<li>Grade</li>
<li>Optical Size</li>
</ul>
<h3>Usage instructions</h3>
<ol>
<li>Enter the Gutenberg Editor</li>
<li>Go to the Gutenberg Block Category Media and then select the Icon</li>
<li>Click the Icon Library button</li>
<li>Once the popup appears, please choose one of the icons and click on it</li>
<li>You can apply styles according to your preferences (optional)</li>
</ol>
<h3>Contribute</h3>
<p>Contributions are always open to those who wish to participate in the further development of this plugin. <a href="https://github.com/yukyhendiawan/block-icons-google" rel="nofollow ugc">Github</a>.</p>


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!


Nice work!

Add icons from the Google Font library. You can effortlessly add and customize Google icons directly through Gutenberg blocks.

Mykhailo Nykoliuk

<p>NM Font Awersome makes it easy to add vector icons and social logos from <a href="https://fontawesome.com/" rel="nofollow ugc">Font Awesome</a> to your website. And version 5 is redesigned and built from the ground up!</p>
<h4>Usage</h4>
<p>Font Awesome version 5 icons can be any of 4 different styles, each with its own prefix.<br />
In the free version of the plugin, you can use only 2 styles:<br />
* <strong>Solid</strong>, with style prefix <code>fas</code><br />
* <strong>Brands</strong>, with style prefix <code>fab</code></p>
<p>Read the documentation <a href="https://fontawesome.com/how-to-use/svg-with-js#additional-styling" rel="nofollow ugc">Additional Styling Classes</a> to use the plug-in’s features 100%.</p>
<p><strong>NM Font Awersome gives you 2 ways of usage:</strong></p>
<h4>1) SHORTCODE</h4>
<pre><code>[nm_fa name="fas fa-camera-retro"]

[nm_fa name="fas fa-camera-retro fa-2x"]

[nm_fa name="fas fa-cog fa-spin"]
</code></pre>
<p>Where the name is the name of the class of the icon that you want to add.</p>
<p>A complete list of icons you can find on <a href="https://fontawesome.com/icons" rel="nofollow ugc">Font Awesome</a>.</p>
<h4>2) TINYMCE</h4>
<p>Select the desired icon in the drop-down menu.</p>
<h4>3) HTML</h4>
<p>To access the HTML editor, click on the “HTML” link on the tab at the top right of the text editor window in WordPress.<br /> If you don\’t know how to use Font Awesome in HTML, you can read <a href="https://fontawesome.com/how-to-use/svg-with-js#basic-use" rel="nofollow ugc">Font Awesome Basic Use</a>.</p>
<p><strong>Coming soon</strong></p>
<p>In the near future there will be a PRO version, where you can use all Awesome Icons.</p>


NM Font Awesome

Wordpress plugin that adds the latest version 5 of Font Awesome into your WordPress project.

Block Icons: Google Library Collection vs NM Font Awesome