---
title: Icon and icon box shortcodes
description: "### One icon ``` [cpod_icon name=\"truck\" size=\"40\" color=\"#15803d\"] ``` ### Icon box An icon with a title and text: ``` [cpod_icon_box icon=\"shield-check\" title=\"30-day Satisfaction Guarantee\"]Not happy? We replace or refund it.[/cpod_icon_box] ``` Options: `layout=\"left|top|right\"`, `shape=\"circle|square\"`, `bg`, `size`, `color`, `stroke`, `gap`,…"
url: "https://cpodkit.com/docs/icon-and-icon-box-shortcodes/"
updated: "2026-10-22"
category: Icons
---

# Icon and icon box shortcodes

### One icon

```
[cpod_icon name="truck" size="40" color="#15803d"]
```

### Icon box

An icon with a title and text:

```
[cpod_icon_box icon="shield-check" title="30-day Satisfaction Guarantee"]Not happy? We replace or refund it.[/cpod_icon_box]
```

Options: `layout="left|top|right"`, `shape="circle|square"`, `bg`, `size`, `color`, `stroke`, `gap`, `title_size`, `title_color`, `text_color`, `link`.

### Shortcodes inside an icon box

The text of an icon box may contain shortcodes. A shortcode cannot go inside the title, so use a placeholder with double braces instead:

```
[cpod_icon_box icon="package-check" title="Over {{store_order_count}} shipped orders"]…[/cpod_icon_box]
```

### If the module is off

Places that use these shortcodes show the shortcode text instead, so keep the module on while icons are in use.