Enhance Gutenberg pages with animated icons from Lordicon. Add motion and style with high performance.

baszczewski

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 …

lordicon

<p>Lordicon offers a unique library of modern, animated icons designed to bring life and interactivity to your WordPress site. With this plugin, you can seamlessly browse, customize, and insert Lordicon icons directly into the Gutenberg editor.</p>
<p>Built to be fast, lightweight, and easy to use, the Lordicon plugin helps you enrich your content with motion graphics that stay performance-friendly. Whether you need subtle interactions or eye-catching animations, Lordicon provides the flexibility to match your brand and design style.</p>
<h3>Features</h3>
<ul>
<li>Extensive free icon set (with attribution)</li>
<li>Full icon library available in PRO version (no attribution)</li>
<li>Insert icons directly into Gutenberg blocks  </li>
<li>Customize color, stroke, animation type, and trigger  </li>
<li>Optimized rendering with image fallbacks and lazy-loading for performance</li>
</ul>
<h3>Why Choose Lordicon?</h3>
<p><strong>Fully Customizable</strong></p>
<p>Modify icons directly within WordPress: choose colors, animation triggers (hover, click, loop), and more.</p>
<p><strong>Peak Performance</strong></p>
<p>Icons are rendered using image fallbacks on initial load and transition to animated formats only when users interact with them—keeping your pages fast and smooth.</p>
<p><strong>License-Friendly</strong></p>
<p>Stay compliant with free personal or commercial use through clearly defined licensing plans.</p>
<h3>License</h3>
<p>The plugin code is licensed under GPLv2 or later.<br />
However, the Lordicon icons themselves are licensed separately under the <a href="https://lordicon.com/licenses" rel="nofollow ugc">Lordicon License Terms and Conditions</a>.</p>
<h3>Development</h3>
<p>Source code is available on GitHub:<br />
https://github.com/lordicondev/plugin-wordpress</p>
<p>This plugin includes a frontend build step for its Gutenberg block UI.</p>
<ul>
<li>Source files: <code>/ui</code> directory (JavaScript/TypeScript, styles, etc.)  </li>
<li>Build tool: <a href="https://vitejs.dev/" rel="nofollow ugc">Vite</a>  </li>
<li>Build output: <code>/dist</code> directory (included in the distributed plugin)  </li>
<li>PHP files: top-level plugin files – no build process required  </li>
</ul>
<h3>Build instructions</h3>
<p>Clone the repository and run:</p>
<pre><code>cd ui
npm install
npm run build
</code></pre>
<p>This will generate the production-ready frontend assets in <code>/dist</code>.</p>


Alternatives to Lordicon

Top alternatives