Icons Feature: Add Custom SVG Icons to Your Sign Designs

With our Icons feature, you can upload SVG files that your customers can incorporate into their sign designs. Follow the steps below to get started.

How to Incorporate Icons and Graphics in Your Signs

1. Go to the Sign Customiser settings and click on the customiser you wish to edit.

2. Navigate to the ‘Icons’ section within a customiser.

3. Click on the 'Add Icon' link to upload your SVG file.

4. Give your icon a name and click on the 'Add file' button to select and upload SVG files from your computer. Alternatively, browse through our extensive in-app icon library and choose from a variety of icons available.

5. Assign a pricing model to your icons to ensure accurate cost calculations and click Save.

Where Are My Icons Shown on the Visualizer?

Customers can access your icons by clicking the smiling emoji icon located on the right-hand side of the text input field in your customiser. From there, they can browse and select icons to include in their custom sign designs.

Why do my icons look different?

To ensure compatibility with our app, your SVG icons must use "fill" attributes instead of "stroke" attributes. If your design contains stroke attributes, our app will automatically attempt to convert them to fill attributes, which may sometimes alter the appearance of your icon.

For more information on this and guidance on creating icons that work seamlessly with our app, check out our Why Are "Fill" Attributes Important for Your SVG Files? guide.