{"id":287197,"date":"2026-03-26T09:56:31","date_gmt":"2026-03-26T09:56:31","guid":{"rendered":"https:\/\/en-gb.wordpress.org\/plugins\/open-icons-lite-for-acf\/"},"modified":"2026-05-06T14:42:06","modified_gmt":"2026-05-06T14:42:06","slug":"open-icons-acf","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/open-icons-acf\/","author":23461597,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.3","stable_tag":"1.0.3","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Open Icons for ACF (Lite)","header_author":"David O'Sullivan","header_description":"ACF field that lets you use the Heroicons icon set with sanitisation and stable rendering. Free version with 300+ icons.","assets_banners_color":"bfc0f5","last_updated":"2026-05-06 14:42:06","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/acfopenicons.com","header_author_uri":"https:\/\/inovomedia.co.uk","rating":0,"author_block_rating":0,"active_installs":0,"downloads":192,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"davidbuilds","date":"2026-03-26 09:55:57"},"1.0.1":{"tag":"1.0.1","author":"davidbuilds","date":"2026-05-06 13:43:27"},"1.0.2":{"tag":"1.0.2","author":"davidbuilds","date":"2026-05-06 13:43:27"},"1.0.3":{"tag":"1.0.3","author":"davidbuilds","date":"2026-05-06 14:42:06"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3491639,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3491639,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3491639,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3491639,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3491639,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The icon picker modal with search and color selection","2":"Icon field in the WordPress editor","3":"Settings page with color palette configuration"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[2211,2010,258670,498,2904],"plugin_category":[50,59],"plugin_contributors":[258671],"plugin_business_model":[],"class_list":["post-287197","plugin","type-plugin","status-publish","hentry","plugin_tags-acf","plugin_tags-custom-fields","plugin_tags-heroicons","plugin_tags-icons","plugin_tags-svg","plugin_category-media","plugin_category-utilities-and-tools","plugin_contributors-davidbuilds","plugin_committers-davidbuilds"],"banners":{"banner":"https:\/\/ps.w.org\/open-icons-acf\/assets\/banner-772x250.png?rev=3491639","banner_2x":"https:\/\/ps.w.org\/open-icons-acf\/assets\/banner-1544x500.png?rev=3491639","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/open-icons-acf\/assets\/icon.svg?rev=3491639","icon":"https:\/\/ps.w.org\/open-icons-acf\/assets\/icon.svg?rev=3491639","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Open Icons for ACF (Lite) adds a custom field type to Advanced Custom Fields (ACF) that lets you select and display SVG icons from the Heroicons library. All 324 icons are bundled with the plugin \u2014 no external downloads required.<\/p>\n\n<p><strong>Features:<\/strong><\/p>\n\n<ul>\n<li><strong>324 Heroicons<\/strong> - Beautiful, hand-crafted SVG icons by the makers of Tailwind CSS<\/li>\n<li><strong>Color palette<\/strong> - Define up to 3 color tokens and apply them to icons<\/li>\n<li><strong>Bundled locally<\/strong> - All icons are included in the plugin, no external requests needed<\/li>\n<li><strong>Clean output<\/strong> - Simple <code>get_openicon()<\/code> helper function for displaying icons<\/li>\n<li><strong>Sanitised SVGs<\/strong> - All icons are sanitised for security<\/li>\n<\/ul>\n\n<p><strong>How it works:<\/strong><\/p>\n\n<ol>\n<li>Add an \"Open Icons\" field to your ACF field group<\/li>\n<li>Select an icon and color from the beautiful picker interface<\/li>\n<li>Display the icon in your theme using the <code>get_openicon()<\/code> function<\/li>\n<\/ol>\n\n<p><strong>Display icons in your theme:<\/strong><\/p>\n\n<pre><code>php\n&lt;?php\n$icon = get_field('your_icon_field');\nget_openicon($icon, ['size' =&gt; 24, 'class' =&gt; 'my-icon']);\n?&gt;\n<\/code><\/pre>\n\n<p><strong>Want more icons?<\/strong><\/p>\n\n<p><a href=\"https:\/\/acfopenicons.com\">Open Icons for ACF Premium<\/a> unlocks:<\/p>\n\n<ul>\n<li><strong>Lucide Icons<\/strong> - 1,500+ icons<\/li>\n<li><strong>Tabler Icons<\/strong> - 5,200+ icons<\/li>\n<li><strong>Custom Icons<\/strong> - Add your own set of icons<\/li>\n<li>Icon migration tools when switching providers<\/li>\n<li>Priority support<\/li>\n<\/ul>\n\n<h3>Development<\/h3>\n\n<p>The <code>src\/<\/code> directory contains the uncompiled React\/TypeScript source code for the admin UI components.<\/p>\n\n<p>Source code is available on GitHub:\nhttps:\/\/github.com\/davidosull\/open-icons-acf-lite.git<\/p>\n\n<p>To build from source:<\/p>\n\n<ol>\n<li>Clone the repository<\/li>\n<li>Run <code>npm install<\/code><\/li>\n<li>Run <code>npm run build<\/code><\/li>\n<\/ol>\n\n<p>This will bundle the Heroicons SVGs into <code>assets\/icons\/<\/code> and compile the TypeScript\/React source into <code>assets\/build\/<\/code>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>open-icons-acf<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Ensure you have Advanced Custom Fields installed and activated<\/li>\n<li>Create a new field with the \"Open Icons\" type<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20acf%3F\"><h3>Does this plugin require ACF?<\/h3><\/dt>\n<dd><p>Yes, Open Icons for ACF (Lite) requires Advanced Custom Fields (free or Pro) to be installed and activated.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20with%20acf%20pro%3F\"><h3>Can I use this with ACF PRO?<\/h3><\/dt>\n<dd><p>Absolutely! Open Icons for ACF (Lite) works with both the free version of ACF and ACF PRO.<\/p><\/dd>\n<dt id=\"can%20i%20have%20both%20lite%20and%20premium%20versions%20active%3F\"><h3>Can I have both Lite and Premium versions active?<\/h3><\/dt>\n<dd><p>No. The plugin will automatically prevent you from activating both versions simultaneously to avoid conflicts.<\/p><\/dd>\n<dt id=\"how%20do%20i%20display%20an%20icon%20in%20my%20theme%3F\"><h3>How do I display an icon in my theme?<\/h3><\/dt>\n<dd><p>Use the <code>get_openicon()<\/code> function:<\/p>\n\n<pre><code>php\n$icon = get_field('icon');\nget_openicon($icon, ['size' =&gt; 24, 'class' =&gt; 'my-icon']);\n<\/code><\/pre><\/dd>\n<dt id=\"can%20i%20change%20the%20icon%20color%20dynamically%3F\"><h3>Can I change the icon color dynamically?<\/h3><\/dt>\n<dd><p>Yes! Pass a <code>color<\/code> parameter:<\/p>\n\n<pre><code>php\nget_openicon($icon, ['color' =&gt; '#ff0000']);\n<\/code><\/pre><\/dd>\n<dt id=\"what%20icons%20are%20included%3F\"><h3>What icons are included?<\/h3><\/dt>\n<dd><p>The Lite version includes the full Heroicons library (324 icons). For access to Lucide (1,500+ icons) and Tabler (5,200+ icons), consider upgrading to Premium.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Release packaging fix.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Improved icon picker browsing with a search-first layout and a dedicated \"Browse all icons\" action.<\/li>\n<li>Added a \"Common Icons\" section that learns from usage frequency and recency to surface frequently selected icons.<\/li>\n<li>Upgraded picker rendering with virtualised grid loading for smoother performance when browsing large icon lists.<\/li>\n<li>Improved keyboard and scroll behaviour across recent, common, and full icon lists.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Compatibility update for Pro migration release.<\/li>\n<li>Added explicit conflict detection support for renamed Pro plugin paths and constants.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release of Open Icons for ACF (Lite).<\/li>\n<li><strong>Breaking:<\/strong> Renamed public helper function from <code>openicon_open_icon()<\/code> to <code>get_openicon()<\/code>. Update any theme templates that reference the old function name.<\/li>\n<\/ul>","raw_excerpt":"A beautiful icon picker field for Advanced Custom Fields using Heroicons. Pick from 324 hand-crafted SVG icons.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/287197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=287197"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/davidbuilds"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=287197"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=287197"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=287197"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=287197"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=287197"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=287197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}