Nawras92

<p>LWN Icons is a powerful WordPress plugin that seamlessly integrates Google’s Material Design icons into your site. With LWN Icons, you can easily add modern, sleek icons directly within the Gutenberg editor to enhance your content’s visual appeal. The plugin lets you customize icon color, size, add titles, links, and link targets, making your icons fully interactive and perfectly tailored to your design.</p>
<h3>Features</h3>
<ul>
<li>Latest Google Material Icons: Automatically access thousands of up-to-date icons directly from Google’s Material Icons library.</li>
<li>Sync Anytime:  Keep your icons current by syncing with Google Material Icons whenever you need.</li>
<li>Custom Links & Titles: Add clickable links, titles, and targets to icons for interactive designs.</li>
<li>Customizable Size & Color: Adjust icon size and color to perfectly match your theme or plugin.</li>
<li>Icon Search: Quickly find the icon you need using the built-in search feature.</li>
<li>Gutenberg Block Ready: Easily insert icons anywhere using the Gutenberg block editor.</li>
<li>Use Anywhere: Compatible with themes, plugins, and custom layouts across your WordPress site.</li>
<li>Smooth Display: Fixes front-end flash issues for icons, ensuring seamless loading and display.</li>
</ul>


LWN Icons

Easily add and customize Google Material Design icons in Gutenberg to enhance your WordPress content with sleek, interactive visuals.

Google

Material Design

<p>The official Material Design plugin for WordPress. Customize your site’s navigation, colors, typography, and shapes, use Material Components, and choose from over 1,000 Google Fonts and Material Design icons. From the team behind Google’s open-source design system.</p>
<p>It’s easy to get up and running with Material Design for WordPress:</p>
<h3>Install Material Theme & examples</h3>
<p>The theme applies Material Design principles and Material Theming to your site, so you can customize its style. Example layouts include pages for home, about, projects, blog, and contact.</p>
<h3>Customize your Theme</h3>
<p>Set up and preview your global theme styles within the customizer. Choose colors, typography, shapes, and icons to express your unique style.</p>
<h3>Build with Material Blocks</h3>
<p>Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms. Customize the look of your blocks by adjusting global theme styles, or setting the style of a single component in the block editor.</p>
<h3>Apply your Theme</h3>
<p>Implement your colors, shapes, and typography for built-in WordPress elements like your site’s header and footer.</p>
<h3>Contributors</h3>
<p>Material Design is a design system created by Google and backed by open-source code that helps teams build high-quality digital experiences.</p>
<ul>
<li><a href="https://profiles.wordpress.org/google/" rel="nofollow ugc">Google</a></li>
<li><a href="https://profiles.wordpress.org/materialdesign/" rel="nofollow ugc">Material Design</a></li>
<li><a href="https://profiles.wordpress.org/xwp/" rel="nofollow ugc">XWP</a></li>
</ul>


Material Design for WordPress


Using the buttons in the Gutenberg editor caused problems. The preview keeps breaking. The cards are basically unusable, because they only allow very basic text without any formatting. They show the markup for any html you try to use to add an image or headline or bold... Cards look ok in the editor, but not on the front end. I tried the theme as well, but not any better.



I gave up there. I was really excited to use these, but had to uninstall.


Buggy Disappointment

The official Material Design plugin for WordPress. Customize your site’s navigation, colors, typography, and shapes, use Material Components, and choo …

LWN Icons vs Material Design for WordPress