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.

Phoeniixx

<p>By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.<br />
Fontawesome icon plugin can be used in various ways like by using HTML, Fontawesome icon picker in Tiny MCE editor or by adding shortcodes.</p>
<h4>Features:</h4>
<ul>
<li>You can use fontawesome icons to display the icons and texts in pages and widget area.</li>
<li><strong>Widget-</strong> Font awesome can be viewed on widget by adding ‘Phoeniixx icons with text’.</li>
<li>Awesome font awesome plugin gives you icons that can instantly be customized.</li>
<li>You can display the icons just by selecting the icons from Fontawesome icon picker in Tiny MCE editor  visual mode.</li>
<li>You can display the icons by adding shortcodes in text mode of the page.</li>
<li>You can display the icons in different size and styles using HTML in text mode.</li>
<li>Plugin is compatible with siteorign page builder plugin. </li>
<li>Advance styling options like different colors, different sizes of the font.</li>
<li>
<p>300 icons library.</p>
</li>
<li>
<p>Credit :  http://mjolnic.com/fontawesome-iconpicker/</p>
</li>
</ul>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</li>
</ul>
</blockquote>


Awesome Fontawesome Collection

Seemed perfect for my needs until I ran a validator on it and discovered that for ever icon I had added in the widget, a copy of the CSS style appears in the source page.

It is "illegally" placed inside the page's HTML and perhaps worse, appears over and over and over and over and over and over and over...  you get it.  Needless bloat.

Too bad... :(

Some things need attentions

By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.

Block Icons: Google Library Collection vs Awesome Fontawesome Collection