joelmelon

<p>This plugin allows you to use SVG icons within WordPress as shortcode and/or as Gutenberg Block and adds SVG support with the SVG-Sanitizer library.</p>
<h3>License</h3>
<p>Use this code freely, widely and for free. Provision of this code provides and implies no guarantee.<br />
Please respect the GPL v3 licence, which is available via http://www.gnu.org/licenses/gpl-3.0.html</p>


SVG Icons

This plugin allows you to use SVG icons within WordPress as shortcode and/or as Gutenberg Block and adds SVG support with the SVG-Sanitizer library.

phcdevworks

<p>Spectre Icons brings modern SVG icon libraries like Lucide and Font Awesome directly into WordPress builders—delivering a unified, performance-first icon system that replaces dozens of fragmented icon plugins.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Manifest-driven icon loading</strong> for optimal performance</li>
<li><strong>Inline SVG rendering</strong> with theme color inheritance</li>
<li><strong>Official branding support</strong> for social media icons</li>
<li><strong>Custom color control</strong> via page builder color pickers</li>
<li><strong>Live preview injection</strong> in builder editors</li>
<li><strong>Admin control panel</strong> to toggle icon libraries</li>
<li><strong>Modular architecture</strong> for future builder integrations</li>
</ul>
<h4>Current Integration</h4>
<ul>
<li>Elementor 3.x+ (full support)</li>
</ul>
<p>Future releases will support Gutenberg, Beaver Builder, and other popular page builders.</p>
<h4>Included Icon Libraries</h4>
<ul>
<li><strong>Lucide Icons</strong> – Modern, clean outline icons (ISC License)</li>
<li><strong>Font Awesome Free</strong> – Popular icon library with solid, regular, and brand styles (CC BY 4.0 icons / MIT code)</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Elementor designers who need modern icon libraries</li>
<li>Developers building custom WordPress themes</li>
<li>Agencies managing multiple client sites</li>
<li>Anyone tired of installing multiple icon plugins</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>SVG icon packs are stored in optimized JSON manifests</li>
<li>Plugin registers manifests as Elementor libraries</li>
<li>JavaScript injects inline SVGs in editor and frontend</li>
<li>CSS handles color inheritance and official branding</li>
</ol>
<h4>Use Cases</h4>
<ul>
<li>Add custom icons to any Elementor widget (Icon, Icon Box, Icon List, Social Icons)</li>
<li>Create branded social media icon sets with official colors</li>
<li>Build custom icon layouts with full color control</li>
<li>Maintain consistent icon styles across your entire site</li>
</ul>
<h3>Icon Attributions</h3>
<p>This plugin bundles icons from Font Awesome Free and Lucide.</p>
<h4>Font Awesome Free</h4>
<p>Font Awesome Free is licensed under CC BY 4.0 (icons) and MIT (code).<br />
https://fontawesome.com/license/free</p>
<h4>Lucide Icons</h4>
<p>Lucide is licensed under the ISC License (MIT-compatible).<br />
https://lucide.dev</p>
<h3>Additional Info</h3>
<h4>Part of the Spectre Suite</h4>
<ul>
<li>Spectre Tokens – Design token foundation</li>
<li>Spectre UI – Core styling layer</li>
<li>Spectre Icons – Icon library for WordPress (this plugin)</li>
<li>Spectre Blocks – WordPress block library</li>
<li>Spectre Astro – Astro integration</li>
<li>Spectre 11ty – Eleventy integration</li>
</ul>
<h4>Contributing</h4>
<p>Contributions are welcome! Visit our GitHub repository for detailed contribution guidelines:<br />
https://github.com/phcdevworks/spectre-icons</p>
<h4>Support</h4>
<p>For issues, questions, or feature requests:<br />
* GitHub Issues: https://github.com/phcdevworks/spectre-icons/issues<br />
* Documentation: https://github.com/phcdevworks/spectre-icons</p>
<h4>Credits</h4>
<p>Developed by PHCDevworks (https://phcdevworks.com)</p>
<p>Icon libraries:<br />
* Lucide by Lucide Contributors<br />
* Font Awesome by Fonticons, Inc.</p>


Spectre Icons

Curated SVG icon libraries for Elementor with fast manifests, inline rendering, and color controls.

SVG Icons vs Spectre Icons