# Icons in Sign Designs

The Icons feature allows you to upload SVG graphics that customers can add to their sign designs. These icons can be used alongside text to create personalised and visually engaging signs. This guide explains how to upload icons and how customers can access them in the customiser.

- Source URL: https://www.signcustomiser.com/help/features/icons-in-sign-designs/
- Markdown URL: https://www.signcustomiser.com/help/features/icons-in-sign-designs.md
- Category: Features
- Last updated: 2026-03-16

## Article

The Icons feature allows you to upload SVG graphics that customers can add to their sign designs. These icons can be used alongside text to create personalised and visually engaging signs.

This guide explains how to upload icons and how customers can access them in the customiser.

## Adding Icons to Your Customiser

1.  Go to the **Sign Customiser** Admin:

    -   **Universal subscribers**: Go to **Home** in your account.

    -   **Shopify users**: Navigate to Shopify admin → Apps and select **Sign Customiser**.

2.  Click on **Customisers** in the menu.

3.  Select the **customiser** you want to edit.

4.  From the left-hand menu, go to **Sign Components** → **Icons**.

5.  Click **Add Icon**.

    ![](/help/intercom-docs/help-centre-images/35540610a847f6cc6348dbe7ff9379c4968c7e818798806d8558934eb02ada8e.jpg)

6.  Enter a name for your icon.

7.  Click **Add file** to upload an SVG file, or click on **Choose from our library** to select icons from our library.

    ![](/help/intercom-docs/help-centre-images/4b5e2239d04770fdc3ddd1f3cabad466b46ff218c76a14713090bdc68982ec2d.jpg)

8.  Click **Save**.

9.  Still in **Icons**, in **Pricing**, and assign a pricing model in the dropdown menu to your icons to ensure correct price calculations.

    ![](/help/intercom-docs/help-centre-images/a844b1633b9c60cd21aafd86813238bf6812e33e1de23b2b70680298e59ef537.jpg)

## Where Can Customers Find Icons?

Customers can access your icons by clicking the **smiling emoji icon** located on the right-hand side of the **text input field**. This opens the icon library where they can browse and add icons to their sign designs.

![](/help/intercom-docs/help-centre-images/4c27673ea48a6be348e80b23ad43fb535caa1cb7553c3009f2d58fa4e00ed978.jpg)

## Why Do My Icons Look Different?

For icons to be compatible with the app, they must use **fill** attributes rather than **stroke** attributes. If an uploaded SVG uses stroke attributes, the app will attempt to convert them to fill attributes, which may alter how the icon will look.

_For more details and best practices, see our guide: **[Why Are "Fill" Attributes Important for Your SVG Files?](../../features/backboard-shapes-why-are-fill-attributes-important-for-your-svg-files/)**_