Carbon Plugins

Vanessa

Mateo

<p><a href="https://carbon-plugins.com/plugins/carbon-icons/" rel="nofollow ugc">Premium</a> | <a href="https://docs.carbon-plugins.com/carbon-icons/" rel="nofollow ugc">Docs</a> | <a href="https://carbon-plugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://carbon-plugins.com/contact/" rel="nofollow ugc">Contact</a></p>
<h4>Simple, yet powerful icon block</h4>
<p>Carbon Icons is a <strong>powerful Gutenberg block</strong> that allows you to <strong>seamlessly integrate and customize tons of icons</strong> from various libraries. Effortlessly add a touch of elegance to your design and effectively communicate your message with every icons you need.</p>
<h4>Insert your own SVG</h4>
<p>Safely <strong>integrate and customize your own SVG tags</strong>, and enhance your website’s visual appeal.</p>
<h3>Features</h3>
<ul>
<li><strong>[FREE]</strong> Access to three free icon libraries: Classic icons, Dashicons, and WordPress icons.</li>
<li><strong>[FREE]</strong> Customize icon size, color, position, and background to match your brand identity.</li>
<li><strong>[FREE]</strong> Upload your custom SVG icons to add a unique touch to your content.</li>
<li><strong>[FREE]</strong> Easily find any icon with our built-in powerful search filed.</li>
<li><strong>[PREMIUM]</strong> Four additional libraries: Advanced icons, Animated icons, Flag icons, and Logo icons.</li>
</ul>
<h3>Carbon Icons Pro</h3>
<p>Upgrade to <strong><a href="https://carbon-plugins.com/plugins/carbon-icons/" rel="nofollow ugc">Carbon Icons Pro</a></strong> for advanced features:</p>
<ul>
<li>Get access to multiple new libraries and thousands new icons:
<ul>
<li>Advanced icons</li>
<li>Animated icons</li>
<li>Flag icons</li>
<li>Logo icons</li>
</ul>
</li>
<li>Premium support to assist you promptly.</li>
<li>Regular updates to keep your icon library fresh, and fix any bug you may encounter.</li>
<li>Choose between a yearling subscription or a lifetime license.</li>
</ul>
<h3>Included languages</h3>
<ul>
<li>English (en_US)</li>
<li>French (fr_FR) (not fully translated)</li>
</ul>
<h3>Useful Links</h3>
<p>For more information or help :</p>
<ul>
<li><a href="https://carbon-plugins.com/" rel="nofollow ugc">Visit our website</a></li>
<li><a href="https://docs.carbon-plugins.com/carbon-icons/" rel="nofollow ugc">Check our documentation</a></li>
<li><a href="https://carbon-plugins.com/support/" rel="nofollow ugc">Support</a></li>
<li><a href="https://carbon-plugins.com/contact/" rel="nofollow ugc">Contact us</a></li>
<li><a href="https://carbon-plugins.com/plugins/carbon-icons/" rel="nofollow ugc">Carbon Icons Pro</a></li>
<li><a href="https://github.com/carbon-plugins/carbon-icons/" rel="nofollow ugc">Github Repository</a></li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Improved search and keywords <code>[IN PROGRESS]</code></li>
<li>Full translation do French (fr_FR) <code>[IN PROGRESS]</code></li>
<li>New free icon libraries <code>[NOT STARTED]</code></li>
<li>New premium icon libraries <code>[NOT STARTED]</code></li>
<li>Create your own icon libraries  <code>[NOT STARTED]</code></li>
<li>Translation do Spanish (es_ES) <code>[NOT STARTED]</code></li>
<li>Translation do German (de_DE) <code>[NOT STARTED]</code></li>
</ul>


Carbon Icons – Powerful Icon Block and SVG inserter for Gutenberg

Easily add icons from multiple libraries tanks to a Gutenberg optimized block

safelayout

<p><strong>Safelayout Elegant Icons</strong> adds <strong>high quality SVG icons</strong> to your WordPress website, and it helps you add beautiful social media icons to your website.<br />
It’s a performance-focused plugin that drops pre-configured icon layouts directly into your content with a single click. Instead of forcing you to build complex layouts manually, this plugin provides instant, high-quality SVG Icons across your entire site layout ecosystem.</p>
<h3>🌐 Triple-Editor Integration & Site Menu Support</h3>
<p>Enjoy absolute workflow flexibility. Safelayout Elegant Icons integrates seamlessly as a <strong>Gutenberg Block</strong>, an <strong>Elementor Widget</strong>, and a tool within the <strong>WordPress Classic Editor</strong>. Beyond post content, you can add SVG icons directly into your website navigation Menus—fully supporting both traditional <strong>Classic Themes</strong> and modern Full-Site Editing <strong>Block Themes</strong>.</p>
<h3>🚀 High-Quality Inline SVG Icons (Built for Performance)</h3>
<p>Protect your website loading speeds. Every graphic in this library renders as a <strong>100% pure inline HTML SVG icon</strong>. Because it completely eliminates bulky, render-blocking webfont files (like FontAwesome), your pages load lightning-fast with flawless cross-browser clarity on both mobile and desktop viewports.</p>
<h3>📦 Ready-Made Conversion Blocks & Visual Layouts</h3>
<p>Transform your plain text into structured, eye-catching sections using our pre-built layout modules:<br />
* <strong>“Icon Box” Block with Premium Accents:</strong> Drop in beautiful info boxes featuring decorative <strong>“Box Ribbon”</strong> overlays and integrated <strong>“Box Button”</strong> wrappers for instant promotional callouts.<br />
* <strong>“Icon List” Block:</strong> Effortlessly swap out boring default bullets for beautifully aligned vector item markers.<br />
* <strong>“Social Share Icons” Block:</strong> Instantly position responsive social bookmarks across your content layout streams to boost page shares.</p>
<h3>🎨 Multi-Color Icon Packs & Advanced Gradient Customization</h3>
<p>Break away from boring monochrome graphics. The plugin includes dedicated <strong>multi-color icon packs</strong> featuring multi-toned vector elements. Take full creative control over your palette with global gradient options: apply rich <strong>gradient colors across the icon fill, the icon stroke, and the background container color</strong> simultaneously.</p>
<h3>⚡ 38 Hover Animation Effects & Design Feedback</h3>
<p>Bring your user interfaces to life with interactive micro-interactions. Access a library of <strong>38 distinct hover animation effects</strong> and beautiful icon transitions.</p>
<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/8PlkfvJWT74?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>
<p><a href="https://youtu.be/cDp6K_Uij8E" rel="nofollow ugc">How to add icons to the navigation menu of your WordPress website.( Block Themes )</a></p>
<p><a href="https://youtu.be/TiA7gSP3ynk" rel="nofollow ugc">How to add icons to the navigation menu of your WordPress website.( Classic Themes )</a></p>
<p><a href="https://youtu.be/mjaWpggXoHw" rel="nofollow ugc">How to add beautiful icons into the text.( Elementor )</a></p>
<p><a href="https://youtu.be/Ip82xAIFuGs" rel="nofollow ugc">How to add beautiful icons into the text.( Block editor )</a></p>
<h4>Features</h4>
<ul>
<li>Available in Block editor, Classic editor and Elementor.</li>
<li>Ability to add icons to the site menu. (Classic themes and Block themes)</li>
<li>No icon fonts, just inline SVG.</li>
<li>High quality SVG icons.</li>
<li>Include “Social Share Icons” block.</li>
<li>Include “Icon List” block.</li>
<li>Include “Icon Box” block.</li>
<li>Include “Box Ribbon” block.</li>
<li>Include “Box Button” block.</li>
<li>Include multi color icon packs.</li>
<li>Many beautiful icon effects.</li>
<li>Choose which icon packs to load.</li>
<li>Adding icons to text blocks ( Paragraph, Heading, Button, … ).</li>
<li>Gradient color for icon fill and stroke as well as background color.</li>
<li>38 Hover animation effects.</li>
<li>Fully compatible with Full-Site Editing.</li>
<li>Cross browser compatible.</li>
<li>Fully customizable.</li>
<li>Work with Any Theme.</li>
</ul>
<h4>Live Demo</h4>
<p><a href="https://safelayout.com/safelayout-elegant-icons-pro-demo/" rel="nofollow ugc">Safelayout Elegant Icons Demo.</a></p>
<h4>Pro Version</h4>
<p>Safelayout Elegant Icons <strong>Pro</strong> is available. <a href="https://safelayout.com" rel="nofollow ugc">Upgrade to pro version</a> and get full features!</p>
<h4>Pro Version Icon Packs (4700+ icons)</h4>
<ul>
<li>Themeisle (100 icons) <a href="https://themeisle.com/free-icons/" rel="nofollow ugc">https://themeisle.com/free-icons/</a></li>
<li>WordPress Dashicons (337 icons) <a href="https://developer.wordpress.org/resource/dashicons/" rel="nofollow ugc">https://developer.wordpress.org/resource/dashicons/</a></li>
<li>WordPress (285 icons) <a href="https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/src/library/" rel="nofollow ugc">https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/src/library/</a></li>
<li>Flat color icons by Icons8 (312 icons) <a href="https://icons8.github.io/flat-color-icons/" rel="nofollow ugc">https://icons8.github.io/flat-color-icons/</a></li>
<li>Linecons (48 icons) <a href="https://designmodo.com/linecons-free/" rel="nofollow ugc">https://designmodo.com/linecons-free/</a></li>
<li>Filled icon set by Icons8 (200 icons) <a href="https://icons8.com/" rel="nofollow ugc">https://icons8.com/</a></li>
<li>Genericons Neue (103 icons) <a href="https://genericons.com/" rel="nofollow ugc">https://genericons.com/</a></li>
<li>Font Awesome regular (163 icons) <a href="https://github.com/FortAwesome/Font-Awesome" rel="nofollow ugc">https://github.com/FortAwesome/Font-Awesome</a></li>
<li>Font Awesome brands (467 icons) <a href="https://github.com/FortAwesome/Font-Awesome" rel="nofollow ugc">https://github.com/FortAwesome/Font-Awesome</a></li>
<li>Font Awesome solid (1390 icons) <a href="https://github.com/FortAwesome/Font-Awesome" rel="nofollow ugc">https://github.com/FortAwesome/Font-Awesome</a></li>
<li>Material Design (1261 icons) <a href="https://developers.google.com/fonts/docs/material_icons" rel="nofollow ugc">https://developers.google.com/fonts/docs/material_icons</a></li>
<li>Meteocons – weather (47 icons) <a href="https://www.alessioatzeni.com/" rel="nofollow ugc">https://www.alessioatzeni.com/</a></li>
</ul>
<h4>Safelayout other plugins</h4>
<p><a href="https://wordpress.org/plugins/safelayout-brilliant-buttons" rel="ugc">Safelayout Brilliant Buttons – WordPress Button block</a></p>
<p><a href="https://wordpress.org/plugins/safelayout-cute-preloader/" rel="ugc">Safelayout Cute Preloader – CSS3 WordPress Preloader</a></p>
<p><a href="https://wordpress.org/plugins/safelayout-animated-header-footer" rel="ugc">Safelayout Animated Header Footer</a></p>


Safelayout Elegant Icons – WordPress icons

Beautiful SVG icons in Gutenberg, Elementor, Classic Editor and Site Menu. High-quality "Icon List", "Icon Box" and "Social Share Icons".

Carbon Icons – Powerful Icon Block and SVG inserter for Gutenberg vs Safelayout Elegant Icons – WordPress icons