Icon

Add an Icon and line of text in the product form to help promote features and offers

The Icon block is a visually engaging content element used to highlight key features, services, or selling points. It supports a wide selection of icons or custom images, optional supporting text, and flexible layout controls — perfect for showcasing brand values or unique product benefits.

Settings
Type
Description

Icon

select

Choose from a wide variety of pre-defined icons: Star, Gift, Truck, and etc.

Alternative icon/image

image_picker

Upload a custom image or icon. Recommended: .svg, 160×160px. Learn more

Size

range

Controls icon/image size.

Icon color

color

Select a custom color for the icon (ignored if using a custom image).

Text

richtext

Add a short message or title below the icon. Supports basic HTML formatting.

Text size

select

Controls font size for text content. Applies to text set as a paragraph: Extra small, Small, Medium, Large, or Extra large.

Layout

Width

select

Sets block width: Full width, Half, One third, or One quarter of container.

Padding

Bottom

range

Sets the spacing below the block.

Notes

  • Perfect for feature rows, highlights, or callout sections.

  • Supports both Shopify’s icon set and brand-aligned custom imagery.

  • Responsive across different layouts with flexible width options.

Last updated