---
title: Icon Block
description: "To customize the Icon Block, you can use the below settings: - **General** - **Select Icon:** Select the icon you want to display. - **Width:** Adjust the height of the Icon. - **Border:** Set the border of the Icon. -…"
url: "https://spiceblocks.com/docs/icon-block/"
updated: "2023-02-21"
category: Blocks Customization
---

# Icon Block

To customize the Icon Block, you can use the below settings:

- **General**
  - **Select Icon:** Select the icon you want to display.
  - **Width:** Adjust the height of the Icon.
  - **Border:** Set the border of the Icon.
  - **Border Radius:**Adjust the border radius of the Icon.
  - **Margin:** Adjust the margin of the Icon.
  - **Padding:** Adjust the padding of the Icon.
  - **Display:** Hide/Show the icon individually from a desktop, tablet, or mobile.
  - **Animation Effects:** Set the animation effects with multiple options on the Icon like Fade, Bounce, Swing, etc.

- **Box Shadow**
  - Adjust the box shadow of the Icon using **Horizontal, Vertical, and Blur** Shadow options.
  - Set the box shadow color using the **Box Shadow Color** option.

- **Color & Background**
  - Set the color & background color of the Icon using the **Normal & Hover Color & Background** options.

 ![](https://spiceblocks.com/wp-content/uploads/2022/12/icon-block.gif)