> ## Documentation Index
> Fetch the complete documentation index at: https://sentiment-docs.arhamwebworks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Icon features

The **Icon Features** section displays a grid of feature cards, each with an icon, title, body text, and an optional link. Use it to communicate brand promises, service features, or key differentiators — such as complimentary shipping, lifetime servicing, bespoke commissions, or sustainable sourcing — in a clean, scannable format.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/1LaJPzRPvFD5XJSV/images/icon-features.webp?fit=max&auto=format&n=1LaJPzRPvFD5XJSV&q=85&s=bf7645ab5fa2e6f9971436e93d6a28f3" alt="Icon Features" width="1917" height="904" data-path="images/icon-features.webp" />
</Frame>

### How to Add the Section

1. From your Shopify admin, go to **Online Store → Themes** and click **Customize**.
2. Navigate to the page where you want to add this section.
3. Click **Add section** and select **Icon features**.
4. Add **Feature** blocks for each item you want to display.
5. Click **Save**.

### Section Settings

#### Content

* **Eyebrow:** Small label displayed above the heading.
* **Heading:** Main section heading.
* **Heading typography:** Select the typographic style for the heading.
* **View all URL / View all label:** Link and label for an optional "view all" CTA beside the heading.

#### Style

* **Color scheme:** Choose a color scheme for the section.

#### Spacing

* **Padding top / Padding bottom:** Control vertical spacing around the section.

***

### Feature Block Settings

Each Feature block is one card in the icon grid. You can add up to 8 feature blocks.

#### Icon

* **Icon image:** Upload an image to use as the icon (recommended size: 48×48px or 96×96px). Takes priority over all other icon options.
* **Icon SVG:** Paste custom SVG path data for a 48×48 viewBox icon. Used if no icon image is uploaded.

#### Content

* **Title:** The feature card heading (e.g., "Complimentary shipping").
* **Body:** Supporting description text for this feature.
* **Link text / URL:** An optional link label and destination. When a URL is provided, the entire card becomes a clickable link.

<Frame>
  <img src="https://mintcdn.com/arhamwebworks-95d5f818/1LaJPzRPvFD5XJSV/images/icon-features-1.webp?fit=max&auto=format&n=1LaJPzRPvFD5XJSV&q=85&s=365bf72512dce0247a3dba9c7e820552" alt="Icon Features Settings" width="1923" height="869" data-path="images/icon-features-1.webp" />
</Frame>
