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