Directory / plugin

Ably Custom Icon Field for ACF

v2.0.7 · by ablyperu

Ably Custom Icon Field for ACF adds a visual custom field for selecting uploaded icon classes in Advanced Custom Fields (ACF).

View on WordPress.org

About this plugin

Ably Custom Icon Field for ACF adds a custom field type for Advanced Custom Fields (ACF) with a visual icon picker:

  • Visual grid: Display imported icons in a searchable modal.
  • Live search: Filter icons by label or CSS class.
  • Multiple collections: Import, review, and remove multiple IcoMoon ZIP collections.
  • Safe field values: Validate selected icon classes against the available icon list.

External icon fonts

External icon libraries are optional. The plugin does not bundle third-party icon fonts. Administrators may provide authorized CDN URLs in the plugin settings and are responsible for complying with the applicable license terms.

Usage

  1. Go to ACF > Field Groups.
  2. Add a field and select the “Ab Icon” field type.
  3. Choose the return format: CSS class or HTML.

In templates

Class format:
php
<?php $icon = get_field('my_icon'); ?>
<i class="<?php echo esc_attr($icon); ?>"></i>

Plugin tags