Matt Keys

Justin Kruit

<p>Add a <a href="http://fontawesome.com/" rel="nofollow ugc">Font Awesome</a> icon field type to Advanced Custom Fields.</p>
<ul>
<li>Specify which FontAwesome icon sets to use (Solid, Regular, Light, Thin, Duotone, Duotone Sharp, Brands, and Custom Upload Icons) (Some features only available with FontAwesome 5.x or 6.x icons)</li>
<li>Create your own custom filtered list of FontAwesome icons to use with your fields. Use different custom icon sets with different fields</li>
<li>Returns Icon Element, Icon Class, Icon Unicode, or an Object including the element, class, unicode value, and SVG data (if applicable)</li>
<li>Optionally enqueues Font Awesome in footer where needed (when a FontAwesome field is being used on the page))</li>
<li>Integrates with the <a href="https://docs.fontawesome.com/apis/graphql" rel="nofollow ugc">FontAwesome GraphQL</a> for loading your <a href="https://docs.fontawesome.com/web/setup/use-kit" rel="nofollow ugc">FontAwesome Kits</a>, searching for icons, and loading the latest version of FontAwesome</li>
</ul>
<p>Note: It is recommended to let this plugin enqueue the latest version of Font Awesome on your front-end; or include the latest version yourself using your <a href="https://docs.fontawesome.com/web/setup/use-kit" rel="nofollow ugc">FontAwesome Kit</a>; so that available icons in the admin area will be displayed properly on your sites front-end.</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* ACF 5.7+<br />
* FontAwesome 4.x, 5.x, 6.x and 7.x fonts</p>
<h3>Optional Configuration</h3>
<h3>Filters</h3>
<ul>
<li><strong>ACFFA_always_enqueue_fa</strong>: Return true to always enqueue FontAwesome on the frontend, even if no ACF FontAwesome fields are in use on the page. This will enqueue FontAwesome in the header instead of the footer.</li>
<li><strong>ACFFA_admin_enqueue_fa</strong>: Return false to stop enqueueing FontAwesome in the admin area. Useful if you already have FontAwesome enqueued by some other means.</li>
<li><strong>ACFFA_get_icons</strong>: (Applies to FontAwesome 4.x and 5.x icons only) Filter the array of icons and icon details loaded from the database</li>
<li><strong>ACFFA_get_fa_url</strong>: Filter the URL used for enqueuing FontAwesome in the frontend and admin areas of the site.</li>
<li><strong>ACFFA_override_major_version</strong>: Filter to manually set the ‘major’ version of FontAwesome to load (accepts either 4, 5, or 6). NOTE: This filter must be registered before any calls to ACF get_field() function are made.</li>
<li><strong>ACFFA_fa_api_key</strong>: Filter to programmatically set the FontAwesome API key.</li>
<li><strong>ACFFA_fa_kit_token</strong>: Filter to programmatically set the FontAwesome kit token.</li>
</ul>


Advanced Custom Fields: Font Awesome Field

Thank you for sharing this plugin with us


I used the plugin within my own custom plugin and was impressed with the quality of the code and the functionality of the plugin. I asked the developer for support and he got back to me within hours.Advised.


Great plugin quality and excellent support

Excellent Support

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

GhozyLab

<p>This plugin will help you to display vector icon font into post, page or widget easily. There are available more than 2.5k icons that you can choose. You can customize the look like changing color, size, align etc.</p>
<h4>Available Icon Library</h4>
<ul>
<li><strong>Font Awesome ( fontawesome )</strong> : Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.</li>
<li><strong>Fontello</strong> : This library lets you combine icon webfonts for your own web project.</li>
<li><strong>IcoMoon</strong> : IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon icon library features only the very best icon sets out there.</li>
<li><strong>Open Iconic</strong> : Open Iconic is the open source sibling of Iconic. It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap.</li>
<li><strong>WordPress Dashicons</strong> : Dashicons is the official icon font of the WordPress admin as of 3.8.</li>
<li><strong>Google Material Fonts</strong> : Material icons are beautifully crafted, delightful, and easy to use in your web.</li>
<li><strong>JustVector Social Icons</strong> : These 150 monochrome social icons are designed with simplicity in mind. Provided in vector format, they are fully editable and scale to any size smoothly.</li>
<li><strong>Payment Fonts</strong> : PaymentFont was originally made for WooCommerce Payment Methods Plugin for WordPress and WooCommerce.</li>
</ul>
<h3>Recommended Plugins</h3>
<p>The following are other recommended plugins by the author:</p>
<ul>
<li><a href="https://wordpress.org/plugins/easy-media-gallery/" title="gallery plugin" rel="ugc">Best Gallery Plugin</a> – Easy Media Gallery is a wordpress plugin designed to display various media support including grid gallery, galleries, photo album, multiple photo albums, portfolio, photo gallery or image gallery.</li>
<li><a href="https://wordpress.org/plugins/image-slider-widget/" title="slider plugin" rel="ugc">Best Image Slider Plugin</a> – Easy Image Slider Widget – Displaying your image as slider in widget/sidebar area with very easy. Allows you to customize it to looking exactly what you want.</li>
<li><a href="https://wordpress.org/plugins/contact-form-lite/" title="Contact Form" rel="ugc">Best Contact Form Plugin</a> – The Best Contact Form Plugin to create awesome Contact Form in minutes.</li>
<li><a href="https://wordpress.org/plugins/feed-instagram-lite/" title="Instagram" rel="ugc">Instagram Plugin</a> –  Instagram Plugin – Display your Instagram media as masonry gallery in WordPress site with very easily.</li>
<li><a href="https://wordpress.org/plugins/easy-notify-lite/" title="optin form plugin" rel="ugc">Best Popup Plugin</a> –  The Best Notify and Subscription Form Plugin to display notify popup, announcement and subscribe form with very ease, fancy and elegant.</li>
<li><a href="https://wordpress.org/plugins/image-carousel/" title="image carousel" rel="ugc">Best Image Carousel</a> – Touch enabled WordPress plugin that lets you create a beautiful responsive image carousel.</li>
<li><a href="https://wordpress.org/plugins/gallery-lightbox-slider/" title="Gallery Lightbox" rel="ugc">Best Gallery Lightbox</a> – Gallery Lightbox – Displays all gallery images into the lightbox slider in just a few seconds.</li>
</ul>


Web Icons

Web Icons plugin gives you scalable vector icons that can instantly be customized. More than 2.5k icons available.

Advanced Custom Fields: Font Awesome Field vs Web Icons