{"id":275001,"date":"2026-01-27T04:56:00","date_gmt":"2026-01-27T04:56:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/spectre-icons\/"},"modified":"2026-01-27T04:55:44","modified_gmt":"2026-01-27T04:55:44","slug":"spectre-icons","status":"publish","type":"plugin","link":"https:\/\/os.wordpress.org\/plugins\/spectre-icons\/","author":23430648,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.0","stable_tag":"1.1.0","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Spectre Icons","header_author":"PHCDevworks","header_description":"Spectre Icons brings modern SVG icon libraries like Lucide and Font Awesome directly into WordPress builders, delivering a unified, performance-focused icon system.","assets_banners_color":"333333","last_updated":"2026-01-27 04:55:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/phcdevworks\/spectre-icons","header_author_uri":"https:\/\/phcdevworks.com\/","rating":0,"author_block_rating":0,"active_installs":100,"downloads":337,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"phcdevworks","date":"2026-01-27 04:55:44"}},"upgrade_notice":{"1.1.0":"<p>WordPress.org submission ready release with improved documentation, icon attributions, and enhanced code quality. Recommended for all users.<\/p>","1.0.0":"<p>Major stable release with improved architecture, better performance, and enhanced icon rendering. Recommended for all users.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3447486,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3447486,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3447486,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3447486,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[76538,4593,498,254714,2904],"plugin_category":[50],"plugin_contributors":[254715],"plugin_business_model":[],"class_list":["post-275001","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-font-awesome","plugin_tags-icons","plugin_tags-lucide","plugin_tags-svg","plugin_category-media","plugin_contributors-phcdevworks","plugin_committers-phcdevworks"],"banners":{"banner":"https:\/\/ps.w.org\/spectre-icons\/assets\/banner-772x250.png?rev=3447486","banner_2x":"https:\/\/ps.w.org\/spectre-icons\/assets\/banner-1544x500.png?rev=3447486","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/spectre-icons\/assets\/icon-128x128.png?rev=3447486","icon_2x":"https:\/\/ps.w.org\/spectre-icons\/assets\/icon-256x256.png?rev=3447486","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Spectre Icons brings modern SVG icon libraries like Lucide and Font Awesome directly into WordPress builders\u2014delivering a unified, performance-first icon system that replaces dozens of fragmented icon plugins.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li><strong>Manifest-driven icon loading<\/strong> for optimal performance<\/li>\n<li><strong>Inline SVG rendering<\/strong> with theme color inheritance<\/li>\n<li><strong>Official branding support<\/strong> for social media icons<\/li>\n<li><strong>Custom color control<\/strong> via page builder color pickers<\/li>\n<li><strong>Live preview injection<\/strong> in builder editors<\/li>\n<li><strong>Admin control panel<\/strong> to toggle icon libraries<\/li>\n<li><strong>Modular architecture<\/strong> for future builder integrations<\/li>\n<\/ul>\n\n<h4>Current Integration<\/h4>\n\n<ul>\n<li>Elementor 3.x+ (full support)<\/li>\n<\/ul>\n\n<p>Future releases will support Gutenberg, Beaver Builder, and other popular page builders.<\/p>\n\n<h4>Included Icon Libraries<\/h4>\n\n<ul>\n<li><strong>Lucide Icons<\/strong> - Modern, clean outline icons (ISC License)<\/li>\n<li><strong>Font Awesome Free<\/strong> - Popular icon library with solid, regular, and brand styles (CC BY 4.0 icons \/ MIT code)<\/li>\n<\/ul>\n\n<h4>Perfect For<\/h4>\n\n<ul>\n<li>Elementor designers who need modern icon libraries<\/li>\n<li>Developers building custom WordPress themes<\/li>\n<li>Agencies managing multiple client sites<\/li>\n<li>Anyone tired of installing multiple icon plugins<\/li>\n<\/ul>\n\n<h4>How It Works<\/h4>\n\n<ol>\n<li>SVG icon packs are stored in optimized JSON manifests<\/li>\n<li>Plugin registers manifests as Elementor libraries<\/li>\n<li>JavaScript injects inline SVGs in editor and frontend<\/li>\n<li>CSS handles color inheritance and official branding<\/li>\n<\/ol>\n\n<h4>Use Cases<\/h4>\n\n<ul>\n<li>Add custom icons to any Elementor widget (Icon, Icon Box, Icon List, Social Icons)<\/li>\n<li>Create branded social media icon sets with official colors<\/li>\n<li>Build custom icon layouts with full color control<\/li>\n<li>Maintain consistent icon styles across your entire site<\/li>\n<\/ul>\n\n<h3>Icon Attributions<\/h3>\n\n<p>This plugin bundles icons from Font Awesome Free and Lucide.<\/p>\n\n<h4>Font Awesome Free<\/h4>\n\n<p>Font Awesome Free is licensed under CC BY 4.0 (icons) and MIT (code).\nhttps:\/\/fontawesome.com\/license\/free<\/p>\n\n<h4>Lucide Icons<\/h4>\n\n<p>Lucide is licensed under the ISC License (MIT-compatible).\nhttps:\/\/lucide.dev<\/p>\n\n<h3>Additional Info<\/h3>\n\n<h4>Part of the Spectre Suite<\/h4>\n\n<ul>\n<li>Spectre Tokens \u2013 Design token foundation<\/li>\n<li>Spectre UI \u2013 Core styling layer<\/li>\n<li>Spectre Icons \u2013 Icon library for WordPress (this plugin)<\/li>\n<li>Spectre Blocks \u2013 WordPress block library<\/li>\n<li>Spectre Astro \u2013 Astro integration<\/li>\n<li>Spectre 11ty \u2013 Eleventy integration<\/li>\n<\/ul>\n\n<h4>Contributing<\/h4>\n\n<p>Contributions are welcome! Visit our GitHub repository for detailed contribution guidelines:\nhttps:\/\/github.com\/phcdevworks\/spectre-icons<\/p>\n\n<h4>Support<\/h4>\n\n<p>For issues, questions, or feature requests:\n* GitHub Issues: https:\/\/github.com\/phcdevworks\/spectre-icons\/issues\n* Documentation: https:\/\/github.com\/phcdevworks\/spectre-icons<\/p>\n\n<h4>Credits<\/h4>\n\n<p>Developed by PHCDevworks (https:\/\/phcdevworks.com)<\/p>\n\n<p>Icon libraries:\n* Lucide by Lucide Contributors\n* Font Awesome by Fonticons, Inc.<\/p>\n\n<!--section=installation-->\n<h4>Automatic Installation<\/h4>\n\n<ol>\n<li>Log in to your WordPress dashboard<\/li>\n<li>Navigate to <strong>Plugins \u2192 Add New<\/strong><\/li>\n<li>Search for \"Spectre Icons\"<\/li>\n<li>Click <strong>Install Now<\/strong> \u2192 <strong>Activate<\/strong><\/li>\n<li>Navigate to <strong>Settings \u2192 Spectre Icons<\/strong> to configure<\/li>\n<\/ol>\n\n<h4>Manual Installation<\/h4>\n\n<ol>\n<li>Download the plugin ZIP file<\/li>\n<li>Log in to your WordPress dashboard<\/li>\n<li>Navigate to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong><\/li>\n<li>Choose the ZIP file and click <strong>Install Now<\/strong><\/li>\n<li>Click <strong>Activate Plugin<\/strong><\/li>\n<li>Navigate to <strong>Settings \u2192 Spectre Icons<\/strong> to configure<\/li>\n<\/ol>\n\n<h4>After Activation<\/h4>\n\n<ol>\n<li>Go to <strong>Settings \u2192 Spectre Icons<\/strong><\/li>\n<li>Toggle which icon libraries you want to enable<\/li>\n<li>Open the Elementor editor on any page<\/li>\n<li>Use any icon widget and select \"Lucide Icons\" or \"Font Awesome\" from the picker tabs<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"which%20page%20builders%20are%20supported%3F\"><h3>Which page builders are supported?<\/h3><\/dt>\n<dd><p>Currently, Spectre Icons has full support for Elementor 3.x+. Future releases will add support for Gutenberg, Beaver Builder, and other popular page builders.<\/p><\/dd>\n<dt id=\"how%20many%20icons%20are%20included%3F\"><h3>How many icons are included?<\/h3><\/dt>\n<dd><p>Thousands! Lucide provides over 1,300 modern outline icons, and Font Awesome Free includes 2,000+ icons across solid, regular, and brand styles.<\/p><\/dd>\n<dt id=\"can%20i%20use%20custom%20colors%20with%20the%20icons%3F\"><h3>Can I use custom colors with the icons?<\/h3><\/dt>\n<dd><p>Yes! Use Elementor's color picker to set any custom color for your icons. Icons support full theme color inheritance.<\/p><\/dd>\n<dt id=\"what%20is%20%22official%20color%22%20mode%3F\"><h3>What is \"Official Color\" mode?<\/h3><\/dt>\n<dd><p>For social media icons, selecting \"Official Color\" mode automatically renders white icons on properly branded backgrounds (Facebook blue, Twitter blue, etc.) according to brand guidelines.<\/p><\/dd>\n<dt id=\"do%20the%20icons%20work%20on%20the%20frontend%3F\"><h3>Do the icons work on the frontend?<\/h3><\/dt>\n<dd><p>Yes! Icons render as inline SVGs on both the Elementor editor and the frontend, ensuring consistent display and performance.<\/p><\/dd>\n<dt id=\"are%20the%20icons%20optimized%20for%20performance%3F\"><h3>Are the icons optimized for performance?<\/h3><\/dt>\n<dd><p>Absolutely. Icons are stored in optimized JSON manifests and loaded on-demand. Only the icons you use are rendered as inline SVGs.<\/p><\/dd>\n<dt id=\"can%20i%20add%20my%20own%20custom%20icon%20packs%3F\"><h3>Can I add my own custom icon packs?<\/h3><\/dt>\n<dd><p>Yes! The plugin architecture supports custom icon libraries. Add your SVG files to <code>assets\/iconpacks\/<\/code> and register them in the plugin. See the documentation on GitHub for detailed instructions.<\/p><\/dd>\n<dt id=\"are%20there%20any%20conflicts%20with%20other%20icon%20plugins%3F\"><h3>Are there any conflicts with other icon plugins?<\/h3><\/dt>\n<dd><p>Spectre Icons is designed to work alongside other icon plugins. However, you can disable libraries you don't need to keep your icon picker clean.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20woocommerce%3F\"><h3>Does this work with WooCommerce?<\/h3><\/dt>\n<dd><p>Yes! Spectre Icons works anywhere Elementor can be used, including WooCommerce product pages and shop layouts.<\/p><\/dd>\n<dt id=\"what%20are%20the%20system%20requirements%3F\"><h3>What are the system requirements?<\/h3><\/dt>\n<dd><ul>\n<li>WordPress 6.0 or higher<\/li>\n<li>PHP 7.4 or higher (PHP 8.x supported)<\/li>\n<li>Elementor 3.x or higher<\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0 - 2026-01-11<\/h4>\n\n<p><strong>Added<\/strong>\n* Icon attribution sections for Font Awesome and Lucide in documentation (c4df46c)\n* SPDX license identifier to plugin header (26d2038)\n* GNU General Public License version 2 (852dced)<\/p>\n\n<p><strong>Changed<\/strong>\n* Improved Elementor integration and SVG sanitization logic (98aef3d)\n* Updated readme formatting and converted markdown links to plain URLs (f375196)\n* Renamed internal stub path variables for better code clarity (534bd47, 4cec228)\n* Replaced (void) with unset in log_debug methods (c1b3a96)\n* Updated plugin description for clarity and consistency (7e8312f)\n* Updated 'Tested up to' to WordPress 6.9 (8f313f2)\n* Updated plugin and author URIs in header (1a38008)\n* Updated CHANGELOG formatting for consistency (1a6e92c)\n* Updated license file handling in build workflow (31b7aae)\n* Updated zip build to exclude top-level plugin folder (1d2e199)<\/p>\n\n<p><strong>Fixed<\/strong>\n* Removed screenshots section from readme.txt for WordPress.org submission\n* Removed error_log debug statements from production code (12ae914)<\/p>\n\n<p><strong>Removed<\/strong>\n* Empty .gitkeep from languages directory (4e613a7)\n* LICENSE.md file (94f636f)<\/p>\n\n<p><strong>Documentation<\/strong>\n* Added proper icon attributions for bundled icon libraries (c4df46c)\n* Improved WordPress.org readme.txt formatting and compliance (f375196)\n* Updated changelog and readme for 1.0.0 release (f0551d8)<\/p>\n\n<h4>1.0.0 - 2026-01-10<\/h4>\n\n<p><strong>Added<\/strong>\n* GitHub Actions workflow for building WP ZIP\n* Manifest file fallback logic for icon libraries\n* Style class to icons based on library slug<\/p>\n\n<p><strong>Changed<\/strong>\n* Refactored build workflow and migrated readme to Markdown\n* Refactored WP.org ZIP build to use rsync and improve cleanup\n* Simplified WP zip build workflow and file copying\n* Refactored Elementor integration and manifest handling\n* Refactored plugin structure and updated metadata\n* Refactored SVG sanitizer for stricter, simpler sanitization\n* Refactored Elementor integration hooks for Spectre Icons\n* Refactored icon library registration for Elementor\n* Refactored Elementor settings class for icon libraries\n* Refactored Elementor icon manifest renderer\n* Refactored Spectre icon library manager for clarity and validation<\/p>\n\n<p><strong>Fixed<\/strong>\n* Icon prefix handling and improved style overrides\n* Zip build to avoid nested plugin folder<\/p>\n\n<p><strong>Documentation<\/strong>\n* Revised and expanded README for Spectre Icons plugin<\/p>\n\n<h4>0.0.1 - 2025-12-10<\/h4>\n\n<p><strong>Added<\/strong>\n* Initial release\n* Full Elementor integration\n* Lucide Icons library (1,300+ icons)\n* Font Awesome Free library (2,000+ icons)\n* Admin settings panel\n* SVG sanitization\n* Custom color support\n* Official branding support for social icons\n* Live preview injection in Elementor editor\n* Translation support\n* Comprehensive documentation<\/p>","raw_excerpt":"Curated SVG icon libraries for Elementor with fast manifests, inline rendering, and color controls.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/275001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=275001"}],"author":[{"embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/phcdevworks"}],"wp:attachment":[{"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=275001"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=275001"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=275001"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=275001"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=275001"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/os.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=275001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}