Evan Buckiewicz

<p><a href="https://subtleblocks.com/icons" rel="nofollow ugc">Subtle Icons</a> is a lightweight plugin that brings thousands of icons directly into the WordPress block editor and Advanced Custom Fields (ACF).</p>
<p>Stop enqueuing heavy FontAwesome stylesheets. Subtle Icons generates clean, inline SVG code natively in the editor, keeping your frontend free of external scripts and font files.</p>
<h3>The Ultimate WordPress Icon Picker</h3>
<p>Powered by the massive <a href="https://icon-sets.iconify.design/" rel="nofollow ugc">Iconify</a> ecosystem, easily search and insert icons from dozens of popular open-source libraries without leaving the WordPress editor. Supported libraries include:</p>
<ul>
<li>Lucide Icons</li>
<li>Material Design Icons</li>
<li>Heroicons</li>
<li>FontAwesome</li>
<li>Bootstrap Icons</li>
<li>Phosphor Icons</li>
<li>…and dozens more, or upload your own custom SVGs!</li>
</ul>
<h3>Four Native Gutenberg Icon Blocks</h3>
<ul>
<li><strong>Icon Button Block:</strong> Prompt visitors to take action with a native-feeling button block supporting leading and trailing icons.</li>
<li><strong>Icon List Block:</strong> Create clean lists with icons that match your theme and improve scanability.</li>
<li><strong>Icon + Text Block:</strong> Pair an icon with text for notices, callouts, and feature highlights.</li>
<li><strong>Icon Block:</strong> A standalone SVG icon block with sizing, thickness, and color controls.</li>
</ul>
<h3>Advanced Custom Fields (ACF) Integration</h3>
<p>Bring icons to your structured content. Subtle Icons adds a fully integrated Icon Picker field to ACF. Add icons to taxonomies, repeaters, options pages, and custom blocks seamlessly.</p>
<h3>Built for Developers & Custom Integrations</h3>
<p>Take full control of the icon workflow. Use our lightweight filters and actions to tailor the experience for your clients and custom builds.</p>
<ul>
<li>Filter or restrict available icon collections</li>
<li>Configure default block icons globally</li>
<li>Robust developer documentation and more extensibility coming soon!</li>
</ul>
<h3>Development</h3>
<p>The complete source code for this plugin, including all uncompiled JavaScript and CSS, is available at this <a href="https://github.com/skysarwer/subtle-icons" rel="nofollow ugc">public GitHub repo</a>.</p>
<p>Build requirements: Node.js and npm.</p>
<p>To build from source:</p>
<ol>
<li>Clone the repository: <code>git clone https://github.com/skysarwer/subtle-icons</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Compile assets for production: <code>npm run build</code></li>
<li>Or start a development watcher: <code>npm start</code></li>
</ol>
<h3>External Services</h3>
<p>This plugin uses the <a href="https://iconify.design/" rel="nofollow ugc">Iconify</a> API to power the Icon Picker. The API is never called on the public frontend; it only runs in the WordPress admin when actively used by a logged-in user with post-editing capabilities. No personally identifiable information (PII) is transmitted.</p>
<p>For more details, see <a href="#how%20is%20data%20sent%20to%20iconify%3F" rel="nofollow ugc">“How is data sent to Iconify”</a> in our FAQs.</p>


Subtle Icons – SVG Icon Block Suite, Icon Picker & ACF Field

Add 100k+ SVG icons (Lucide, Material, FontAwesome) directly to Gutenberg blocks and Advanced Custom Fields. A native, zero-bloat icon picker.

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 and brand logos from Simple Icons through an intuitive visual picker. The selected icon value 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)</a> version 6.0 or higher to function.</p>
<h4>Features</h4>
<ul>
<li><strong>Visual Icon Picker</strong> – Browse and select from 1,700+ Lucide icons and 3,400+ brand logos</li>
<li><strong>Brand Icons</strong> – Brand logos use Simple Icons values such as <code>simple:facebook</code></li>
<li><strong>Smart Search</strong> – Filter icons by name or tags instantly</li>
<li><strong>Performant</strong> – Local sprite file, inline frontend SVG output, 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 value 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 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,700+ carefully crafted icons. The bundled Lucide assets are from <code>lucide-static</code> 1.14.0 and are licensed under ISC.</p>
<h4>About Brand Icons</h4>
<p>Brand logos are bundled separately from <a href="https://simpleicons.org/" rel="nofollow ugc">Simple Icons</a> 16.18.0 and are saved with the <code>simple:</code> prefix, for example <code>simple:facebook</code>.</p>
<p>Simple Icons is distributed under CC0-1.0, but individual brand logos and trademarks may still be governed by each brand owner’s guidelines and permissions. Check the relevant brand guidelines before using a logo in production. Source and guideline URLs from Simple Icons are bundled in <code>data/brand-icons-meta.json</code>.</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 and Simple Icons brand logos with a visual picker.

Subtle Icons – SVG Icon Block Suite, Icon Picker & ACF Field vs Mudrava Icon Field for ACF with Lucide