🎨 How to change category and subcategory icons

Customize your guidebook's visual identity by choosing from over 7,000 icons that match your brand and help guests navigate your content quickly and intuitively.

Where icons appear

Icons show up in two places in your guidebook:

Menu icons – Appear in your guidebook with a transparent background, using either your brand or property accent color (based on your property settings).
Map icons – When you enable "Show this article in the map" for an article, its subcategory icon appears on the map with a light green background and black accent, ensuring clear visibility for guests.

Choosing the right icons creates a cohesive look and makes your guidebook easier to scan at a glance.

How to change an icon

Step 1: Open the editor

Go to Content Hub in your dashboard.
Click the three-dot menu (⋮) next to any category or subcategory.
Select Edit from the dropdown.

Step 2: Choose your icon

Click the icon preview to open the icon picker.
Select an icon family from the dropdown: Material Symbols, Material Icons, or Phosphor—over 7,000 icons to choose from.
Browse icons by category using the left sidebar, or use the search bar to find specific icons (like "home," "food," "key").
Sort results by Popularity or Name using the sort button.
Click an icon to select it—you'll see it preview with your color scheme.

Step 3: Adjust the style (optional)

Use the Icon style dropdown to control how bold or light your icon appears:

Default – Standard weight
Filled – Solid shapes, maximum visibility
Bold – Thick lines, prominent
Light – Thin lines, minimal look
Thin – Extra-thin lines, most delicate style
Special – Two-tone style (Phosphor family only)

Not all icon families support every style option.

Step 4: Save

Click Save to apply your changes.

Any icon changes automatically update across all guidebooks where that category or subcategory appears. Change once, update everywhere—saving you time and keeping your brand consistent.

Tips for choosing great icons

Match the content – Use icons that clearly represent the category (fork and knife for dining, bed for accommodation, location pin for places).
Test readability – Preview how icons look with your brand colors to ensure they're easy to recognize.
Stay consistent – Use the same icon family and style throughout your guidebook for a professional appearance.
Think like a guest – Choose universally recognized symbols that don't need explanation.

Need help?

Questions or feedback? Reach out at hello@smoothstay.io