{"id":11308,"date":"2026-05-29T13:29:55","date_gmt":"2026-05-29T05:29:55","guid":{"rendered":"https:\/\/aeosub.com\/subtle-icons\/"},"modified":"2026-05-29T13:29:55","modified_gmt":"2026-05-29T05:29:55","slug":"subtle-icons","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/subtle-icons\/","title":{"rendered":"Subtle Icons"},"content":{"rendered":"
\n\n\n\n\n\n\n\n
Developer<\/th>\nEvan Buckiewicz<\/a><\/td>\n<\/tr>\n
Version<\/th>\nv1.0.3<\/td>\n<\/tr>\n
Active Installs<\/th>\n0 +<\/td>\n<\/tr>\n
Requires \/ Tested<\/th>\n6.5 \/ 6.9.4<\/td>\n<\/tr>\n
Last Updated<\/th>\n2026-05-29 4:45am GMT<\/td>\n<\/tr>\n
Official Link<\/th>\nView Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n
A breathtakingly simple icon ecosystem for WordPress. 100,000+ icons. Zero bloat. Native UI.<\/div>\n

Subtle Icons is a bloat-free, lightweight plugin that brings thousands of icons directly into the WordPress block editor and Advanced Custom Fields (ACF).
\nSearch and insert icons from Lucide, Material, Heroicons, and dozens of other icon libraries without leaving the editor \u2014 or upload your own SVGs.<\/p>\n

Features<\/h3>\n
    \n
  • Icon Block:<\/strong> A standalone icon block with sizing, thickness, and color controls.<\/li>\n
  • Icon + Text Block:<\/strong> Pair an icon with text for notices, callouts, and feature highlights.<\/li>\n
  • Icon List Block:<\/strong> Build beautiful, responsive lists with custom leading icons.<\/li>\n
  • Icon Button Block:<\/strong> Prompt visitors to take action with a native-feeling button block supporting leading and trailing icons.<\/li>\n
  • ACF Field Integration:<\/strong> A custom Icon Picker field type for Advanced Custom Fields.<\/li>\n
  • Iconify Integration:<\/strong> Powered by the massive open-source Iconify ecosystem.<\/li>\n<\/ul>\n

    Development<\/h3>\n

    The complete source code for this plugin, including all uncompiled JavaScript and CSS, is publicly available at:<\/p>\n

    https:\/\/github.com\/skysarwer\/subtle-icons<\/p>\n

    Build requirements: Node.js and npm.<\/p>\n

    To build from source:<\/p>\n

      \n
    1. Clone the repository: git clone https:\/\/github.com\/skysarwer\/subtle-icons<\/code><\/li>\n
    2. Install dependencies: npm install<\/code><\/li>\n
    3. Compile assets for production: npm run build<\/code><\/li>\n
    4. Or start a development watcher: npm start<\/code><\/li>\n<\/ol>\n

      External Services<\/h3>\n

      This plugin connects to the Iconify API to power the icon search and picker interface. The API is only contacted from within the WordPress admin area when a logged-in user with post-editing capabilities is using the Icon Picker \u2014 it is never called on the public-facing frontend.<\/p>\n

      Iconify API<\/strong><\/p>\n

      Used to search the Iconify icon registry and to retrieve individual SVG files. The following data is sent:
      \n* Icon search queries (the keyword string typed by the editor).
      \n* Icon set prefix and icon name when fetching a specific SVG.<\/p>\n

      No personally identifiable information is transmitted. Requests are made only when the Icon Picker is actively used by an authenticated user.<\/p>\n

      All icon search, browse, and individual SVG selection requests are made server-to-server: the editor’s browser calls a WordPress REST endpoint on your own server, which then forwards the query to Iconify. Only your server’s IP address is visible to Iconify for these requests.<\/p>\n

      Icon preview thumbnails displayed in the browsable grid are loaded directly from the editor’s browser by the bundled @iconify\/react<\/code> library. The editor’s IP address and standard browser headers are sent with these thumbnail requests.<\/p>\n

      Primary endpoint: https:\/\/api.iconify.design<\/code>
      \nFallback endpoints (provided by the bundled @iconify\/react<\/code> library): https:\/\/api.simplesvg.com<\/code>, https:\/\/api.unisvg.com<\/code><\/p>\n

      All three endpoints are operated by the Iconify project.<\/p>\n

        \n
      • Terms of use \/ API documentation: https:\/\/iconify.design\/docs\/api\/<\/li>\n
      • Privacy policy: https:\/\/iconify.design\/privacy\/<\/li>\n
      • Service website: https:\/\/iconify.design\/<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"

        A breathtakingly simple icon ecosystem for WordPress. 100,000+ icons. Zero bloat. Native UI.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[2214,793,641,1996,2036,555],"class_list":["post-11308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-acf","tag-block-editor","tag-gutenberg","tag-icons","tag-svg","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/11308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=11308"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/11308\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=11308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=11308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=11308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}