Binsaifullah

<p>Create <strong>Accordion</strong> or <strong>FAQs</strong> section, insert <strong>SVG icon</strong> from 1800+ SVG icons library or upload a custom SVG icon, create iconic button, Embed <strong>Google map</strong> without any API key – these everythings, you can do in Gutenberg block editor with <strong>Native Blocks</strong>. Clean native interface and settings, optimized for performance, minimal look without any complexcity.</p>
<h3>Blocks</h3>
<ul>
<li><strong>Accordion:</strong> Create collapsible Accordion or FAQs section</li>
<li><strong>SVG Icon:</strong> Insert or upload custom SVG and style interface</li>
<li><strong>Map:</strong> Embed a nice Google map without any API</li>
</ul>


Accordion Google Map SVG Icon by Native Blocks

Create SVG Icon, Accordion or Embed Google map with Native Blocks

safelayout

<p>Safelayout Elegant Icons, adds an <strong>easy-to-use</strong> and <strong>powerful</strong> icon block to the WordPress <strong>Classic editor</strong>, <strong>Block editor</strong>, <strong>Elementor</strong> and <strong>Site menu</strong>.<br />
With the help of Safelayout Elegant Icons, you can add <strong>high quality SVG icons</strong> to your WordPress website, and it helps you add beautiful social media icons to your website.</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, available in Block editor, Classic editor, Elementor and Site Menu. Beautiful "Icon List", "Icon Box" and "Social Share Icons".

Accordion Google Map SVG Icon by Native Blocks vs Safelayout Elegant Icons – WordPress icons