Subtle Icons – SVG Icon Block Suite, Icon Picker & ACF Field
Subtle Icons is a lightweight plugin that brings thousands of icons directly into the WordPress block editor and Advanced Custom Fields (ACF). Stop enqueuing heavy FontAwesome stylesheets. Subtle Icons generates clean, inline SVG code natively in the editor, keeping your frontend free of external scripts and font files. The Ultimate WordPress Icon Picker Powered by the massive Iconify ecosystem, easily search and insert icons from dozens of popular open-source libraries without leaving the WordPress editor. Supported libraries include: Lucide Icons Material Design Icons Heroicons FontAwesome Bootstrap Icons Phosphor Icons …and dozens more, or upload your own custom SVGs! Four Native Gutenberg Icon Blocks Icon Button Block: Prompt visitors to take action with a native-feeling button block supporting leading and trailing icons. Icon List Block: Create clean lists with icons that match your theme and improve scanability. Icon + Text Block: Pair an icon with text for notices, callouts, and feature highlights. Icon Block: A standalone SVG icon block with sizing, thickness, and color controls. Advanced Custom Fields (ACF) Integration Bring icons to your structured content. Subtle Icons adds a fully integrated Icon Picker field to ACF. Add icons to taxonomies, repeaters, options pages, and custom blocks seamlessly. Built for Developers & Custom Integrations Take full control of the icon workflow. Use our lightweight filters and actions to tailor the experience for your clients and custom builds. Filter or restrict available icon collections Configure default block icons globally Robust developer documentation and more extensibility coming soon! Development The complete source code for this plugin, including all uncompiled JavaScript and CSS, is available at this public GitHub repo. Build requirements: Node.js and npm. To build from source: Clone the repository: git clone https://github.com/skysarwer/subtle-icons Install dependencies: npm install Compile assets for production: npm run build Or start a development watcher: npm start External Services This plugin uses the Iconify API to power the Icon Picker. The API is never called on the public frontend; it only runs in the WordPress admin when actively used by a logged-in user with post-editing capabilities. No personally identifiable information (PII) is transmitted. For more details, see “How is data sent to Iconify” in our FAQs.
Top keywords
- icons14×3.88%
- icon12×3.32%
- block8×2.22%
- custom6×1.66%
- npm4×1.11%
- wordpress4×1.11%
- acf3×0.83%
- build3×0.83%
- editor3×0.83%
- icon picker3×0.83%
- iconify3×0.83%
- picker3×0.83%
SVG Icon Block
SVG Icon Block is a custom Gutenberg block plugin that allows you to add SVG icon to your Gutenberg block editor. It comes with a lot of customization options, as a result, you can customize it as per your needs. Video Tutorial Features Easy to use Simple, light-weight and fast Font Awesome SVG Icon ( not font library, rather direct SVG) Direct SVG upload option SVG format support for direct upload My Icons library – save your own SVG code once and reuse it in any block Rotate, Flip (Horizontal & Vertical) features are available No third-party dependencies. Only SVG codes are rendered. My Icons Paste your SVG code in the Custom SVG window, turn on Add to My Icons, give it a label, and the icon is saved to your site. A My Icons button then appears in the block placeholder so you can pick that icon again in any post or page, without pasting the code a second time. The library is shared by everyone on the site who can edit posts, so a logo or brand icon saved by one author is available to the whole team. Saved icons can be searched and removed from the same window. Every icon is sanitized before it is stored, using the same security checks applied to uploaded SVG files: scripts, event handlers and unsafe links are stripped out.
Top keywords
- svg11×4.89%
- icon7×3.11%
- block5×2.22%
- icons5×2.22%
- code3×1.33%
- direct3×1.33%
- library3×1.33%
- saved3×1.33%
