Starter
For a handful of client sites.
Billed once. Yours forever.
$39/yr
Billed yearly.
Native Divi 5 Module
Divi Icon Box
Pair icons with text to present services and features clearly.
Ask AI about the Divi Icon Box module
Why use the Divi Icon Box module?
A feature card is an icon, a heading and a line of text. Building one in stock Divi means a Blurb with the icon locked to a fixed size, or three modules stacked in a column and spaced by hand. Neither gives you a badge, and neither lets the icon sit outside the box.
Icon Box is one module for the whole card. The icon has its own colour, size, background, corner radius and rotation. The badge has its own corner and offsets. The card behind them takes the background, border and shadow.
The card beside this is the live module.
What you get out of it
The whole card in one moduleIcon, badge, title and description together, so there is no column of separate modules to keep aligned.The icon is fully dressedColour, size, width, height, background, corner radius and rotation, each its own setting.A badge in any cornerFour corners, its own background, padding and font, and X and Y offsets that can go negative.Or lift the icon out of the boxAbsolute placement pins the icon to a corner of the card instead of stacking it above the title.Hover states without CSSIcon colour, icon background and badge background each carry a hover value.Free, and native on Divi 5It ships in Divi Torque Lite on WordPress.org and in Divi Torque Pro, built on the Divi 5 engine rather than shimmed from Divi 4.
Everything the Divi Icon Box module does
Every option below ships in the free plugin, and in Divi Torque Pro.
Any icon from the Divi icon pickerOr an uploaded image, with alt textIcon colour, with a hover colourIcon background, with a hover colourIcon size up to 200pxIcon width and height up to 500pxIcon rotation from -360 to 360 degreesSpacing below the iconIcon placement: normal or absoluteAbsolute icon in any of four cornersIcon X and Y offsets in px or %Centre the icon on either axisBadge text in any of four cornersBadge background, with a hover colourBadge padding, radius and fontBadge X and Y offsets in px or %Content alignment: left, centre or rightTitle heading level and full font groupRich text description with its own fontSpacing below the titleCard background, border and box shadowCustom CSS hooks for every part
See the Divi Icon Box in action
Every card below is the live module, not a picture of one. These three differ only in how the icon is dressed.
An icon, or a picture
One toggle swaps the icon for an uploaded image. Everything else about the card stays the same.
An uploaded image
With its own alt text
The badge, in all four corners
Position is an enum of exactly four values, and each one takes its own X and Y offset.
Lift the icon out of the card
Absolute placement takes the icon out of the flow and pins it to a corner, which is how an icon ends up overlapping the edge.
Where the content sits
One setting moves the icon, the title and the text together.
Building one takes about a minute
Three steps, and none of them involve custom CSS.
1Drop in the moduleAdd Icon Box to any row. It arrives with an icon, a title and a line of text already in place.2Pick the icon and write the cardThe Icon panel takes an icon or an uploaded image and an optional badge. The Content panel takes the title and the description.3Dress it in the Design tabIcon colour, size, background and rotation sit in one group, the badge in another, and the card background and border in the module itself.
Questions people ask first
Short answers, all of them checked against what the module actually does.
Is the Icon Box module free?Yes. It ships in Divi Torque Lite on WordPress.org, and in Divi Torque Pro. Nothing on this page is behind the paid plugin.Does it need Divi 5?It is a native Divi 5 module, built on the Divi 5 engine rather than shimmed from Divi 4. Layouts built with the Divi 4 version convert across.Can I use an image instead of an icon?Yes. Turn Use Image on, upload the file and give it alt text. A square image works best, because the icon slot sizes to what you give it.Can the whole card be a link?No. The module has no link field, so the card itself is not clickable. Wrap the row in a link, or put a Divi Button module underneath it.Can the icon sit beside the text instead of above it?Not in normal placement, where the icon always stacks above the title. Absolute placement is the other option, and it pins the icon to one of the four corners of the card.Does the badge have to say NEW?It is a plain text field, so it can say anything. It takes its own background, padding, corner radius and font, and it disappears entirely when the field is empty.
Simple, honest pricing
Every plan unlocks all 98 Divi modules on unlimited websites. One licence covers every site you build.
4.7★ from 116 reviews on WordPress.org
Unlimited
Every site you will ever build.
Billed once. Yours forever.
$79/yr
Billed yearly.
Divi Torque+ AI
Everything in Unlimited, plus a second plugin: Saddle Pro, so AI agents can build your site.
Billed once. Yours forever.
$99/yr
Billed yearly.
- 30-day money-back guarantee
- Lifetime honored forever, in writing
- Secure checkout