Creating rich content

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

  1. Go to Guest Experience → Knowledge Base in your dashboard.

  2. Click the three-dot menu (⋮) next to any category or subcategory.

  3. Select Edit from the dropdown.

Step 2: Choose your icon

  1. Click the icon preview to open the icon picker.

  2. Select an icon family from the dropdown: Material Symbols, Material Icons, or Phosphor—over 7,000 icons to choose from.

  3. Browse icons by category using the left sidebar, or use the search bar to find specific icons (like "home," "food," "key").

  4. Sort results by Popularity or Name using the sort button.

  5. 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 changes to apply them.

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

Still need help?

Email us at hello@smoothstay.io and we’ll get back to you.

© 2023–2026 HelloBnB LLC. All rights reserved. SmoothStay™ is a trade name of HelloBnB LLC, a Wyoming limited liability company. Mailing Address: 1007 N Orange St, 4th Floor, Suite 3246, Wilmington, DE 19801, United States.

© 2023–2026 HelloBnB LLC. All rights reserved. SmoothStay™ is a trade name of HelloBnB LLC, a Wyoming limited liability company. Mailing Address: 1007 N Orange St, 4th Floor, Suite 3246, Wilmington, DE 19801, United States.

© 2023–2026 HelloBnB LLC. All rights reserved. SmoothStay™ is a trade name of HelloBnB LLC, a Wyoming limited liability company. Mailing Address: 1007 N Orange St, 4th Floor, Suite 3246, Wilmington, DE 19801, United States.