Post Title Icons turns your blog titles into something special. You simply insert the url of a custom icon, either hosted on your own blog or anywhere on the web and it will automatically be inserted inside of blog titles. You can also select different icons for different blog categories and make all your categories stand out.

Post Title Icons

Post Title Icons lets you set icons for all your blog posts. Either for all or for a specific category.

MUDRAVA

Mudrava Icon Field for ACF with Lucide 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.
Requirements: 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.
<h4>Features</h4>
<ul>
<li>Visual Icon Picker – Browse and select from 1,500+ Lucide icons</li>
<li>Smart Search – Filter icons by name or tags instantly</li>
<li>Performant – Local sprite file, paginated grid (100 icons per page)</li>
<li>Native ACF Look – Seamlessly integrates with ACF’s design language</li>
<li>Responsive – Works on all screen sizes</li>
<li>Accessible – Keyboard navigation support</li>
<li>Flexible Output – Return icon name or full SVG markup</li>
<li>No External Requests – All icon data is stored locally</li>
</ul>
<h4>Usage</h4>
After installing both ACF Pro and this plugin:
<ol>
<li>Go to Custom Fields > Add New</li>
<li>Add a new field and select Lucide Icon 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>
Get Icon Name:
<pre><code><?php
$icon_name = get_field('your_field_name');
echo esc_html($icon_name); // Returns: 'rocket'
?>
</code></pre>
Get SVG Markup (with return_format = ‘svg’):
<pre><code><?php
$icon_svg = get_field('your_field_name');
echo $icon_svg; // Returns: <svg>...</svg>
?>
</code></pre>
Using the Helper Function:
<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>
<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.
<h3>Privacy</h3>
Data Collection:
This plugin does not collect, store, or transmit any user data or personal information.
External Requests:
This plugin does not make any external HTTP requests. All icon data is stored locally and served from your WordPress installation.
Cookies:
This plugin does not use cookies.
Third-Party Services:
This plugin does not integrate with or send data to any third-party services.

Mudrava Icon Field for ACF with Lucide

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

Post Title Icons vs Mudrava Icon Field for ACF with Lucide