---
title: Icon Block
description: "The Icon block is available in the [PublishPress Blocks](https://publishpress.com/links/blocks) plugin. This block allows you to add icons to WordPress content. This block uses Google's Material Design icons. You can customize the style, size, color, link, margin, padding, background, border and…"
url: "https://publishpress.com/knowledge-base/advanced-icon-block/"
updated: "2026-10-13"
category: PublishPress Blocks / PublishPress Blocks
---

# Icon Block

The Icon block is available in the [PublishPress Blocks](https://publishpress.com/links/blocks) plugin. This block allows you to add icons to WordPress content. This block uses Google's Material Design icons. You can customize the style, size, color, link, margin, padding, background, border and more.

---

## How to create the PublishPress Icon block

You can create an Icon block by clicking the "Icon - PublishPress" button in the [PublishPress Blocks](https://publishpress.com/links/blocks) category:

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-15.28.23.png)

---

## Settings for the PublishPress Icon block

You can adjust key settings for the icons by using the right sidebar. The first option allows you to decide the number of icons in the row:

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-15.29.19.png)

---

## Choose Your Icon

The key setting for this block is choosing your icon.

- Click the "Icon Selection" button.

![Icon Library](https://publishpress.com/wp-content/uploads/2020/12/icon-library.png)
Icon Library

- You can now browse for icons, or use the "Search icons" feature.
- Select an icon and click "Apply" to add icon to your post.

![Icon Search](https://publishpress.com/wp-content/uploads/2020/12/icon-search-1024x829.png)
Icon Search

In addition to choosing an icon, you can select a "Style" from this dropdown:

- Filled
- Outlined
- Rounded
- Two-Tone
- Sharp

![Icon Dropdown](https://publishpress.com/wp-content/uploads/2020/12/icon-dropdown.png)
Icon Dropdown

After choosing your icon, you can also choose "Default" or "Stacked" in the sidebar. "Stacked" will add a border to the icon.

![Default Stacked](https://publishpress.com/wp-content/uploads/2020/12/default-stacked.png)
Default Stacked

---

## Key settings for the PublishPress Icon blocks

After you choose an icon, you will see extra settings in the right sidebar:

- Icon Size (in pixels)
- Icon Color
- Icon Background

![Icon Size Color](https://publishpress.com/wp-content/uploads/2020/12/icon-size-color.png)
Icon Size Color

These border options will only appear if you choose "Stacked":

- Border
- Border Size
- Border Radius

![Border Icon](https://publishpress.com/wp-content/uploads/2020/12/border-icon.png)
Border Icon

The "Link" area allows you to add links to your icon. Add the icon to the box labelled "Paste URL or type to search".

![Icon Link](https://publishpress.com/wp-content/uploads/2020/12/icon-link.png)
Icon Link

In the "Padding" and "Margin" areas you can choose the padding and margin for your icons, using px, em or vh.

![Padding Margin](https://publishpress.com/wp-content/uploads/2020/12/padding-margin.png)
Padding Margin

![Icon Margin](https://publishpress.com/wp-content/uploads/2020/12/icon-margin.png)
Icon Margin

---

## Default settings for all your PublishPress Icon blocks

You can set default options for every PublishPress Icon block added to your site. This is possible with the [PublishPress Blocks default configuration](https://publishpress.com/knowledge-base/default-blocks-config/) feature and it allows you to create a consistent look-and-feel for all your icons.

- Go to "Blocks" in your WordPress admin menu, then "PublishPress Blocks".
- Click the"Icon" settings icon.

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-15.31.08.png)

- Adjust the default settings and save.

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-15.31.44.png)