---
title: "Divi Icon Box (Conkit Pro)"
url: "https://divipeople.com/docs/divi-conkit-icon-box-doc.md"
canonical: "https://divipeople.com/docs/divi-conkit-icon-box-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "divi-conkit-pro"
---

# Divi Icon Box (Conkit Pro)

**Icon Box** is part of **Divi Conkit Pro**. It combines an icon or image with a title, description, and an optional corner badge — the classic features-grid block, with independent hover styling for the icon.

## Key Features

- **Icon or uploaded image** — Select Icon or Use Image toggle.
- **Corner badge** — 4 corner positions with offset, rotation, and padding.
- **Two icon placements** — Normal (inline) or Absolute (overlapping the content box).
- **Independent hover colors** for both the icon and the badge.

## Adding the Module

1. Edit a page with the Divi Visual Builder.
2. Add a new module and search for **Icon Box**.
3. Pick an icon or upload an image, add your title/description, then enable a badge if needed.

## Content Settings

- **Select Icon / Use Image** — icon library or custom uploaded image.
- **Icon Placement** — Normal or Absolute, with Offset X/Y when Absolute.
- **Badge Position** — 4 corners, with Offset X/Y, Rotate, and Padding.
- **Content Alignment** — Left, Center, or Right, plus Content Overflow (Visible/Hidden).

## Design Settings

- **Icon** — Color, Color (Hover), Width, Height, Size, Padding, Background, and Background (Hover).
- **Badge** — Background and Background (Hover) when a badge is enabled.
- **Title** — spacing and typography.

> **Absolute icon placement**
> Set Icon Placement to Absolute to let a large icon overlap the top edge of the content box — a common “floating icon” look for pricing or feature cards.

## FAQ

### Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

### How is this different from Divi’s built-in Blurb module?

Icon Box adds a positionable corner badge, absolute icon placement, and independent hover colors that the core Blurb module doesn’t offer.

### Where can I see it in action?

Visit the [Icon Box module page](https://divipeople.com/modules/icon-box/) for a live overview and pricing.