Module 30 of 71
Divi Icon Divider that turns a line into a moment.
A divider with an icon or image sitting in the line. Put it in a circle, pick the line style and weight, and slide the icon left, centre or right.
Solid · star in a circle
Double · leaf · gap 16px
Dotted · icon left
What is the Divi Icon Divider module?
Icon Divider is a Divi 5 module in Divi Supreme Pro that draws a divider line with an icon or image set into it. Use it between sections, under headings or inside cards.
Pick any Divi icon or upload an image, put the icon in a circle with its own colour and border, and set its size. Style the line with 8 border styles, a weight and colour, place it at the top, middle or bottom of the icon, and set the gap and alignment.
line styles
line positions
alignments
custom code
Start from a Icon Divider recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Icon Divider setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Icon Divider can do.
Icon or image
Any Divi icon, or your own image or logo.
Circle styles
Put the icon in a circle with its own fill and border colour.
8 line styles
Solid, dashed, dotted, double, groove, ridge, inset or outset.
Weight and gap
Line weight up to 100px and space around the icon.
Position and alignment
Line at the top, middle or bottom of the icon, and the icon left, centre or right.
Divi 5 native
Responsive settings for tablet and phone.
Icon Divider documentation
Setup for Divi 5: icon or image, circle style, line style, weight, position, gap and alignment.
Questions about Icon Divider.
Next module, A to Z
Icon List Module
Related modules
Text Divider Module
A divider with text in the middle.
Icon List Module
Lists with custom icons.
Shapes Module
Decorative shapes for sections.
Give your sections a better break.
Icon Divider comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.