WD Icons
Access 200,000+ icons directly in your Bricks Builder editor
WD Icons connects your Bricks Builder to the Iconify API, giving you instant access to 100+ icon collections without leaving the editor. Server-side SVG rendering means zero external requests on your frontend.
200,000+ Icons Inside Your Bricks Editor
Bricks Builder ships with a handful of icon sets. When a project calls for something outside that list, you end up on Iconify or Flaticon, downloading SVGs, uploading them to the media library, or pasting raw code into custom HTML elements. It works, but it breaks your flow and adds files you have to manage.
WD Icons connects Bricks to the Iconify API. You get a searchable icon picker with over 200,000 icons from 100+ collections, right inside the editor. Pick an icon, and the plugin fetches the SVG, caches it on your server, and renders it inline on the frontend. No external requests hit your visitors, no font files get loaded, and you never leave the builder.
What You Get
One plugin, six things that make icons in Bricks actually pleasant.
200,000+ Icons
The full Iconify library, available in Bricks. Material Design, Lucide, Tabler, Phosphor, Heroicons, Font Awesome 6, and about a hundred other collections.
Native Bricks Integration
WD Icons shows up as a custom set in the icon picker dropdown. Select it, search, pick. The icon lands in your element like any built-in set.
Search and Filter
A modal with full-text search across every collection. Filter by set if you know what you want. Pagination keeps results manageable.
Default Icon Packs
Configure which icons appear before you search. Load preset packs for common use cases: Essentials, Social, Arrows, Business, or Media.
Server-Side SVG
Icons render as inline SVG on the server. Your visitors never make requests to external APIs or load icon font files.
Built-In Caching
Every icon SVG gets cached as a WordPress transient for 24 hours. Search results cache for 5 minutes. The API only gets called when it needs to.
Before and After WD Icons
What changes when you stop managing icon files manually.
| Without WD Icons | With WD Icons |
|---|---|
| ✕Limited to Bricks' built-in icon sets | ✓200,000+ icons from 100+ open source collections |
| ✕Download SVGs and upload to media library | ✓Search and pick icons directly in the editor |
| ✕External font files or CDN requests on frontend | ✓Server-rendered inline SVG, zero frontend requests |
| ✕No way to set team-wide icon defaults | ✓Configure default icon packs under Media settings |
Three Steps to Any Icon
From search to published page, here is the full workflow.
1
Pick Your Icon
Open any icon control in Bricks and select WD Icons from the library dropdown. Search across all collections or filter by a specific set. Click the icon you want.
2
Configure Defaults
Go to Media > WD Icons to set up default icon packs. Choose from presets like Essentials or Social, or search and add individual icons. These show up before you type a search query.
3
Publish
Icons render as inline SVG on the server. No external requests from visitors, no font files, no extra CSS. The SVG is cached for 24 hours so repeated loads are instant.
What Developers Are Saying
Feedback from Bricks Builder users.
Finally have access to Lucide and Tabler in Bricks without downloading SVGs. The search modal is fast and collection filtering actually works well. Replaced my entire icon workflow.
Lena Vogt
Frontend Developer, Flavor Studio
The server-side rendering is the real win here. Used to load Font Awesome from a CDN on every page. Now it is all inline SVG and my Lighthouse scores went up.
Marcus Bowen
Freelance Web Developer
Set up the Essentials pack as defaults and now every new project starts with the icons I actually use. Small thing but saves me from searching for the same 20 icons repeatedly.
Anika Patel
WordPress Developer, Freshsite
Switched from Flavor Icons (the other Bricks icon plugin) to WD Icons last month. The Iconify API gives you way more options and the caching means the admin stays responsive.
Daniel Herrera
Lead Dev, Pixelcraft Agency
Frequently Asked Questions
Common questions about WD Icons.
Does this require Bricks Builder?
Yes. WD Icons integrates directly with Bricks Builder and requires it to be installed and active. It adds a custom icon set to the native icon picker and a standalone WD Icon element to the editor.
Are icons loaded from an external service?
During editing, icons are fetched from the Iconify API and cached on your server. On the frontend, everything renders as inline SVG. Your visitors never make external requests for icons.
How do I change which icons show by default?
Go to Media > WD Icons in your WordPress admin. The Default Icons tab lets you load preset packs (Essentials, Social, Arrows, Business, Media) or search and add individual icons. These appear in the picker before you type a search query.
Does this affect page load speed?
It improves it. Icons render as inline SVG on the server before the page reaches the browser. There are no icon font files to download, no CDN requests, and no JavaScript needed to display icons on the frontend.
Is WD Icons free?
Yes. WD Icons is free and open source under GPL-2.0. There is no Pro version or paid tier.
Built For Bricks Developers
Designed for people who build sites in Bricks Builder every day.
Bricks Designers
You want the right icon without leaving the editor. Search, pick, done. No more downloading SVGs or managing icon files in the media library.
Agency Teams
Set up default icon packs once. Everyone on the team gets the same starting set. Consistent icons across client projects without a shared Figma library.
Performance-Focused Devs
No font files, no CDN dependencies, no render-blocking requests. Pure inline SVG rendered on the server. Your Lighthouse score will thank you.
Support