--- title: Create an Icon for Your Product Groups description: Improve your product group's look, make it easy to recognize, and enhance the user experience by adding icons. Learn how here! --- [Skip to content](https://support.cityhive.net/create-an-icon-for-your-product-groups#main-content) [Contact Us](https://support.cityhive.net/kb-tickets/new?hsLang=en) [Customer portal](https://support.cityhive.net/tickets-view?hsLang=en) ![City Hive Logo-2.png\]](https://support.cityhive.net/hs-fs/hubfs/City%20Hive%20Logo-2.png?width=62&height=60&name=City%20Hive%20Logo-2.png) Open main navigation Close main navigation - [Contact Us](https://support.cityhive.net/kb-tickets/new) - [Customer portal](https://support.cityhive.net/tickets-view) We're here to help! - There are no suggestions because the search field is empty. 1. [City Hive Support](https://support.cityhive.net/?hsLang=en) 2. [Customize Your Website & App](https://support.cityhive.net/customize-your-website-app?hsLang=en) 3. [Graphics & Design](https://support.cityhive.net/customize-your-website-app?hsLang=en#graphics-design) # Create an Icon for Your Product Groups ## Improve your product group's look, make it easy to recognize, and enhance the user experience by adding icons. Learn how here! Icons are only available with the following subscription plans. Merchants not on one of these plans will be automatically upgraded upon use of this feature. - Pro - Expert **Popular examples of Icons include:**  - Adding an image with the design of your product group page representing different product categories help users quickly identify and navigate to the section that interests them - Enhance the visual appeal of the page and provide a more engaging browsing experience 1. **Begin** **on** the **Inventory section** and click on **"Product Groups" ![Screen Shot 2023-12-21 at 2.04.13 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202023-12-21%20at%202.04.13%20PM.png?width=204&height=226&name=Screen%20Shot%202023-12-21%20at%202.04.13%20PM.png)** 2. **Click** on the **"Edit" button** on the **chosen group![Screen Shot 2023-12-21 at 2.07.14 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202023-12-21%20at%202.07.14%20PM.png?width=46&height=63&name=Screen%20Shot%202023-12-21%20at%202.07.14%20PM.png)** 3. **Scroll down** and **turn the toggle on** and **pick** any of the ones offered below **![Screen Shot 2023-12-21 at 2.11.29 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202023-12-21%20at%202.11.29%20PM.png?width=334&height=122&name=Screen%20Shot%202023-12-21%20at%202.11.29%20PM.png)** 4. **Click "Save" to save your changes ![Screen Shot 2023-12-21 at 2.14.29 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202023-12-21%20at%202.14.29%20PM.png?width=71&height=31&name=Screen%20Shot%202023-12-21%20at%202.14.29%20PM.png)** #### How to Create A Personalized Icon 1. **Click "Add Custom Icon"**  ![Screen Shot 2024-01-26 at 5.22.39 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202024-01-26%20at%205.22.39%20PM.png?width=476&height=126&name=Screen%20Shot%202024-01-26%20at%205.22.39%20PM.png) 2. **Choose an image** from your media gallery or **upload a new image by clicking "Add new Item" \*** ![Screen Shot 2024-01-26 at 5.29.22 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202024-01-26%20at%205.29.22%20PM.png?width=406&height=326&name=Screen%20Shot%202024-01-26%20at%205.29.22%20PM.png) 3. **After selection,** your chosen image will be displayed as the icon ![](https://support.cityhive.net/hs-fs/hubfs/image-png-Sep-08-2025-07-50-40-2160-PM.png?width=66&height=62&name=image-png-Sep-08-2025-07-50-40-2160-PM.png) 4. **Click "Save" to save your changes**  ![Screen Shot 2024-01-11 at 1.27.24 PM](https://support.cityhive.net/hs-fs/hubfs/Screen%20Shot%202024-01-11%20at%201.27.24%20PM.png?width=77&height=30&name=Screen%20Shot%202024-01-11%20at%201.27.24%20PM.png) **\*Recommended Image:** Use a square image. Any size works, but keep in mind the display icon is 24px (very small). Icons will be visible only on product groups that are set to public. For products with multiple icons, the product card displays up to three icons, while the product page shows them all. #### How your personalized icon will appear on your product page: ![](https://support.cityhive.net/hs-fs/hubfs/image-png-Sep-08-2025-07-58-55-6335-PM.png?width=4226&height=2876&name=image-png-Sep-08-2025-07-58-55-6335-PM.png) - [Get Set Up](https://support.cityhive.net/get-set-up?hsLang=en#main-content) - [Create Your Merchant Account](https://support.cityhive.net/get-set-up?hsLang=en#create-your-merchant-account) - [Configure Your Settings](https://support.cityhive.net/get-set-up?hsLang=en#configure-your-settings) - [Launch Your Website and App](https://support.cityhive.net/get-set-up?hsLang=en#launch-your-website-and-app) - [Marketplace Integrations](https://support.cityhive.net/get-set-up?hsLang=en#marketplace-integrations) - [Orders - Need Help?](https://support.cityhive.net/orders-need-help?hsLang=en#main-content) - [Shipping](https://support.cityhive.net/orders-need-help?hsLang=en#shipping) - [Delivery Optimization](https://support.cityhive.net/orders-need-help?hsLang=en#delivery-optimization) - [Digital Gift Cards](https://support.cityhive.net/orders-need-help?hsLang=en#digital-gift-cards) - [Inventory Management](https://support.cityhive.net/inventory-management?hsLang=en#main-content) - [City Hive POS](https://support.cityhive.net/inventory-management?hsLang=en#city-hive-pos) - [Set Up and Sync](https://support.cityhive.net/inventory-management?hsLang=en#set-up-and-sync) - [Update Product Information](https://support.cityhive.net/inventory-management?hsLang=en#update-product-information) - [Standard Inventory Management](https://support.cityhive.net/inventory-management?hsLang=en#standard-inventory-management) - [Customize Your Website & App](https://support.cityhive.net/customize-your-website-app?hsLang=en#main-content) - [Creating and Editing Pages](https://support.cityhive.net/customize-your-website-app?hsLang=en#creating-and-editing-pages) - [Graphics & Design](https://support.cityhive.net/customize-your-website-app?hsLang=en#graphics-design) - [Content Organization](https://support.cityhive.net/customize-your-website-app?hsLang=en#content-organization) - [Promotions](https://support.cityhive.net/promotions?hsLang=en#main-content) - [Promotions](https://support.cityhive.net/promotions?hsLang=en#promotions) - [Wine Clubs](https://support.cityhive.net/wine-clubs?hsLang=en#main-content) - [Wine Club](https://support.cityhive.net/wine-clubs?hsLang=en#wine-club) - [Marketing & Customer Engagement](https://support.cityhive.net/marketing-customer-engagement?hsLang=en#main-content) - [Email, Push & SMS Marketing](https://support.cityhive.net/marketing-customer-engagement?hsLang=en#email-push-sms-marketing) - [Customer Acquisition & Management](https://support.cityhive.net/marketing-customer-engagement?hsLang=en#customer-acquisition-management) - [Autopilot](https://support.cityhive.net/autopilot?hsLang=en) - [Events](https://support.cityhive.net/events?hsLang=en) - [Overview & Reports](https://support.cityhive.net/overview-reports?hsLang=en) - [Payments & Billing](https://support.cityhive.net/payments-billing?hsLang=en#main-content) - [Transactions](https://support.cityhive.net/payments-billing?hsLang=en#transactions) - [Payments](https://support.cityhive.net/payments-billing?hsLang=en#payments) - [Disbursements](https://support.cityhive.net/payments-billing?hsLang=en#disbursements) - [Chargebacks](https://support.cityhive.net/payments-billing?hsLang=en#chargebacks) - [Ads & Analytics](https://support.cityhive.net/ads-analytics?hsLang=en#main-content) - [Analytics](https://support.cityhive.net/ads-analytics?hsLang=en#analytics) - [Ads](https://support.cityhive.net/ads-analytics?hsLang=en#ads) - [FAQs](https://support.cityhive.net/faqs?hsLang=en) [![Chill listening crop-3](https://support.cityhive.net/hs-fs/hubfs/serviceorg-normal.png?width=26&height=24&name=serviceorg-normal.png "Chill listening crop-3")](http://cityhive.net) City Hive Help Center Copyright © 2026, City Hive, Inc.