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>WordPress 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 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 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 WordPress Menu. Beautiful "Icon Box" and "Social Share Icons" block.

baszczewski

<p><strong>IMPORTANT</strong>: If you update the plugin from 1.X version to 2.X version, it will automatically break all previously embedded icons added with older versions of the Lordicon WordPress plugin. You will need to add them one more time.</p>
<p>Insert and customize interactive animated graphics (Lottie – .json) using a simple to use Lordicon plugin supported by the Gutenberg editor.</p>
<p>It is essential to note that it doesn’t mean that the Gutenberg post is the only place to use the plugin. We provide a shortcode option that lets you <strong>embed those icons directly to web builders such as Divi, Elementor, or custom themes.</strong></p>
<p><strong>Easily Upload</strong><br />
Upload hundreds of icons as JSON (Lottie) format from the <a href="https://lordicon.com/icons" rel="nofollow ugc">Lordicon library</a> or any other Lottie animation. Don’t want to host icons in the Media Library? Use icon URL from the „Embed HTML”.</p>
<p><strong>Adjust icon</strong><br />
Change the size, colors or stroke size of each icon.</p>
<p><strong>Triggers</strong><br />
Set animation on “hover”, “loop”, “loop with delay” or “click” and more.</p>
<p><strong>Shortcode</strong><br />
Happy with adjustments? Save the post or copy the easy-to-read shortcode and paste it to web builders such as Divi, Elementor, or custom themes.</p>
<h3>Usage</h3>
<p>You are able to not only add icons by Lordicon but also your own animation exported as a .json (Bodymovin AfterEffects plugin, Lottie Files). Color & Stroke controls works only with Lottie animations from Lordicon library. <a href="https://lordicon.com/help" rel="nofollow ugc">Learn more on how to create animated graphics that are supported by Lordicon controls.</a></p>
<p>A quick guide on how to add more icons:<br />
1. Install and activate a plugin.<br />
2. Create new post with Gutenberg Editor<br />
3. Click the “Plus” button and search for the “Lordicon Element” block.<br />
4. Add Lordicon animated icons directly from Media Library or copy&paste icons’ URL from “Embed HTML” code that can be found in <a href="https://lordicon.com/icons" rel="nofollow ugc">Lordicon Library</a><br />
5. Adjust colors, stroke or icon size. Note: Colors and stroke size controls work only with Lordicon animated icons.<br />
6. Set an animation trigger.<br />
7. Use icon either in post created with Gutenberg or copy the easy-to-read shortcode and paste it to web builders such as Divi, Elementor, or custom themes.</p>
<h3>Video Walkthrough</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/Kd2sTpi0zRQ?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"></iframe></span></p>
<p>This plugin includes 1 animated icon “198-upload” which is licensed MIT or later</p>
<p>Download hundreds of free and thousands of paid icons from the library at https://lordicon.com/icons</p>
<h3>Important</h3>
<p>This plugin is a Lordicon branded generic uploader. It does not install remote images or files. All files are stored inside the plugin zip file.</p>


Lordicon Animated Icons

IMPORTANT: If you update the plugin from 1.X version to 2.X version, it will automatically break all previously embedded icons added with older versio …

Safelayout Elegant Icons – WordPress icons vs Lordicon Animated Icons