# Icon With Text

Delivers clear, bite-sized messages with icons to help customers grasp key info at glance.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FaC0QdcX2OasyHF7WXEoB%2FIcon%20With%20Text%20(1).jpg?alt=media&#x26;token=1ad01826-ceda-49c3-af47-b087cb7d7ee8" alt=""><figcaption></figcaption></figure>

## **Key Features**

* Icon selector: Choose icons from the library or upload your icons to visually represent your message.
* Layout & alignment controls: Place icon left or top of text. Choose alignment position of text within the drawer.
* Rich-text formatting: Add the description for the icon or add links to policies or FAQ.

## Benefits

* Builds Confidence: Trust signals combined with brief explanations reduce lower cart abandonment.
* Improves Scannability: Small icon with text break up blocks of product listings and keep your messaging digestible.

## How To Use?

1. Click **Add Block**
2. Choose **Icon With Text**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F4ikU0pQQXVCL5VBJhmYv%2FIcon%20with%20text%201.jpg?alt=media&#x26;token=6ed3b471-46f7-49db-9546-0731953c5a0b" alt=""><figcaption></figcaption></figure>

3. Customize the **Icon with Text** block

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FfXmMy74i0BgYCKAp51Xa%2FIcon%20with%20text%202.jpg?alt=media&#x26;token=1db069c4-6f65-463b-b933-6b2a608137cb" alt=""><figcaption></figcaption></figure>

* **Layout Style**: Change the layout position to horizontal or vertical layout.
* **Icon Position**: Change the icon position to top or left for the content
* **Content Alignment**: Controls how the heading and description are justified inside their container.
* **Heading**: Enter your messages in the headline.
* **Heading Size**: Pre-set font scales to make your heading larger or smaller.
* **Content:** The description for the content is under the heading.
* **Icon**: Pick from your theme icon library.
* **Upload Icon**: Upload a custom icon.
* **Icon Size**: Adjust the icon size.
* **Icon Background:** Choose a background color behind your icon or leave a transparent