---
title: "Features Icons"
description: "Scope Ghost theme Features Icons section shows Product cards with an icon, title and description. SVG icons and several icon libraries are recommended."
url: "https://www.priority.vision/docs/scope/landing-sections/features-icons"
scope: theme
appliesTo: [Scope]
lastUpdated: 2026-10-21
---

# Features Icons Section

The Features Icons section displays features in a grid layout with icon support. Each feature can include an icon, title, description, and optional call-to-action button.

![Features icons section example](https://www.priority.vision/images/docs/scope/landing-features-icons.png)

## Creating a Features Icons Section

1. Log in to Ghost admin
1. Go to **Pages**, click **New page**
1. Set the **Page title** (e.g., "What We Offer")
1. Optionally add an **Excerpt** for a section description
1. Add features with icons to the content (see structure below)
1. Open the **Page settings** sidebar
1. Add these internal tags: `#landing`, `#landing-features-icons`
1. Click **Publish**

## Required Tags

| Internal Tag | Description |
|--------------|-------------|
| `#landing` | Required for all landing sections |
| `#landing-features-icons` | Enables features grid with icon support |

## Column Options

Control the grid layout:

| Internal Tag | Columns | Best For |
|--------------|---------|----------|
| `#landing-columns-2` | 2 columns | Large icons with detailed descriptions |
| `#landing-columns-3` | 3 columns | Balanced layout |
| `#landing-columns-4` | 4 columns | Standard feature grid |
| `#landing-columns-5` | 5 columns | Many features, icon-focused |

## Adding Features with Icons

Add features using **Product Cards**:

1. Click the `+` button in the editor
2. Select **Product**
3. Upload your icon image (SVG recommended)
4. Add a **Title** for the feature name
5. Add a **Description** for the feature details
6. Optionally add a **Button** with a link for call-to-action
7. Repeat for each feature

## Icon Recommendations

| Library                                             | License                                             |
|-----------------------------------------------------|-----------------------------------------------------|
| [Lucide](https://lucide.dev/)                       | ISC License                                         |
| [FontAwesome](https://fontawesome.com/)             | Free: CC BY 4.0 (icons), MIT (code)                 |
| [Bootstrap](https://icons.getbootstrap.com/)        | MIT License                                         |
| [Hero Icons](https://heroicons.com/)                | MIT License                                         |
| [Tabler Icons](https://tabler.io/icons)             | MIT License                                         |
| [Phosphor Icons](https://phosphoricons.com/)        | MIT License                                         |
| [Iconoir](https://iconoir.com/)                     | MIT License                                         |
| [Remix Icon](https://remixicon.com/)                | Apache License 2.0                                  |
| [Untitled](https://www.untitledui.com/free-icons)   | Custom license (free for commercial projects up to 5 users) |
| [Hugeicons](https://hugeicons.com/)                 | Commercial, Free for personal & open source projects |

## Optional Settings

Combine with other settings:

| Internal Tag | Effect |
|--------------|--------|
| `#landing-hide-title` | Hide the section heading |
| `#landing-container-wide` | Wider grid layout |

## Documentation Index
> Fetch the complete documentation index at: https://www.priority.vision/docs/scope/llms.txt
> Use this file to discover all available pages before exploring further.