Color swatches
How to add color swatches to the Icon theme
Add color swatches to Icon by We are Underground: native swatches in Theme settings, the older custom image method, and collection pages.
- Icon Paid theme
- By We are Underground
- $250
- Native swatches: yes
- Version 12.3.2
Shopify theme
The Icon Shopify theme.
Icon is a paid Shopify theme by We are Underground, $250 in the Shopify Theme Store. The current version is 12.3.2 (June 24, 2026). It supports Shopify's native color swatches.
The facts.
From the Shopify Theme Store and We are Underground's documentation. A setting we could not confirm in the vendor's own documentation says "not confirmed by the vendor".
Checked
| Theme | Icon |
|---|---|
| Vendor | We are Underground |
| Price | $250 One-time license price in the Shopify Theme Store, in US dollars, checked October 23, 2026. |
| Free or paid | Paid |
| Where it is sold | Shopify Theme Store |
| Status | Current theme |
| Online Store 2.0 | Yes |
| Current version | 12.3.2 (June 24, 2026) |
| Native color swatches | Yes |
| Variant picker block | No block of that name documented |
| Swatch setting | Not confirmed by the vendor |
| Swatches on product cards | No setting documented |
| Theme Store swatch features | Color swatches, swatch filters, combined listings |
| Swatch documentation | We are Underground's documentation |
| Last checked | October 23, 2026 |
Image sizes.
The sizes Icon's documentation gives, each linked to its page. The image size checker applies them to your own files.
| Logo | 512 x 512 px Suggested (max); minimum 250 x 250; upload ~2x the width set in the theme. Source: We are Underground's documentation. |
|---|---|
| Slideshow and hero | 2880 x 1620 px Slideshow, banner, parallax; 16:9; minimum 1600 x 900. Source: We are Underground's documentation. |
| Product images | 1500 x 2000 px 3:4 preferred; minimum 900 x 1200. Source: We are Underground's documentation. |
| Gallery and blog images | 1600 x 1200 px 4:3; minimum 800 x 600. Source: We are Underground's documentation. |
| Separate phone image | 800 x 1200 px Portrait, where a separate mobile image is offered. Source: We are Underground's documentation. |
| Swatch images (older swatch method) | 50 x 50 px PNG named after the variant. Source: We are Underground's documentation. |
Guides for Icon.
Tool
Theme image size checker
Drop in product photos, banners and logos to check them against Shopify's limits and Icon's documented sizes.
Swatch apps for Icon.
The apps the Icon swatch guide suggests, and what each App Store listing says about theme support (checked October 23, 2026). Ratings and the full comparison are on the color swatch hub.
| App | From | Theme support | Collection pages |
|---|---|---|---|
| GLO Color Swatch Variant Image | $9.90/month | Listing says it works with all themes | Yes |
| Color Swatch Pug | $6.99/month | Listing names no themes | Yes |
| OP Color Swatch Variant Images | $11.90/month | Listing offers theme setup help, names no themes | Not listed |
Sources.
Every fact above comes from one of these pages. The swatch guide lists the Shopify help pages its steps rely on.
Set up swatches on Icon.
Shopify's own swatches, an app or the code route, with the setting names for this theme.