MUDRAVA

<p><strong>Mudrava Icon Field for ACF with Lucide</strong> adds a new field type to Advanced Custom Fields (ACF) that allows users to select icons from the Lucide icon library through an intuitive visual picker. The selected icon name is stored in the database, making it lightweight and flexible for frontend rendering.</p>
<p><strong>Requirements</strong>: This plugin requires <a href="https://www.advancedcustomfields.com/" rel="nofollow ugc">Advanced Custom Fields (ACF) Pro</a> version 6.0 or higher to function.</p>
<h4>Features</h4>
<ul>
<li><strong>Visual Icon Picker</strong> – Browse and select from 1,500+ Lucide icons</li>
<li><strong>Smart Search</strong> – Filter icons by name or tags instantly</li>
<li><strong>Performant</strong> – Local sprite file, paginated grid (100 icons per page)</li>
<li><strong>Native ACF Look</strong> – Seamlessly integrates with ACF’s design language</li>
<li><strong>Responsive</strong> – Works on all screen sizes</li>
<li><strong>Accessible</strong> – Keyboard navigation support</li>
<li><strong>Flexible Output</strong> – Return icon name or full SVG markup</li>
<li><strong>No External Requests</strong> – All icon data is stored locally</li>
</ul>
<h4>Usage</h4>
<p>After installing both ACF Pro and this plugin:</p>
<ol>
<li>Go to <strong>Custom Fields > Add New</strong></li>
<li>Add a new field and select <strong>Lucide Icon</strong> as the field type</li>
<li>Configure the field settings (default value, return format, etc.)</li>
<li>Save your field group</li>
</ol>
<h4>Template Examples</h4>
<p><strong>Get Icon Name:</strong></p>
<pre><code><?php
$icon_name = get_field('your_field_name');
echo esc_html($icon_name); // Returns: 'rocket'
?>
</code></pre>
<p><strong>Get SVG Markup (with return_format = ‘svg’):</strong></p>
<pre><code><?php
$icon_svg = get_field('your_field_name');
echo $icon_svg; // Returns: <svg>...</svg>
?>
</code></pre>
<p><strong>Using the Helper Function:</strong></p>
<pre><code><?php
// Basic usage
echo mudrava_get_lucide_icon('rocket');

// With custom attributes
echo mudrava_get_lucide_icon('rocket', [
    'class'  => 'my-custom-class',
    'width'  => 32,
    'height' => 32,
    'stroke' => '#ff0000',
]);
?>
</code></pre>
<h4>About Lucide Icons</h4>
<p><a href="https://lucide.dev/" rel="nofollow ugc">Lucide</a> is a modern, open-source icon library with 1,500+ carefully crafted icons. All icons are licensed under ISC, making them free to use in commercial and personal projects.</p>
<h3>Privacy</h3>
<p><strong>Data Collection:</strong></p>
<p>This plugin does not collect, store, or transmit any user data or personal information.</p>
<p><strong>External Requests:</strong></p>
<p>This plugin does not make any external HTTP requests. All icon data is stored locally and served from your WordPress installation.</p>
<p><strong>Cookies:</strong></p>
<p>This plugin does not use cookies.</p>
<p><strong>Third-Party Services:</strong></p>
<p>This plugin does not integrate with or send data to any third-party services.</p>


Mudrava Icon Field for ACF with Lucide

A professional ACF custom field type for selecting Lucide icons with a visual picker interface.

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.

Mudrava Icon Field for ACF with Lucide vs Spectre Icons