Helpful Tools: Add Icons to Your Design - Help Center

Add Icons to your Design

Learn how to add icons to menu items to denote food allergens, dietary callouts, or spice level indicators.


Notes
All standard Menu Icons within the default MustHaveMenus Icon Library have generic ADA Accessibility Text descriptions for screen readers*.

Add Menu Icons
From within the design editor, select a Menu Group, then select a specific menu item.
In the text editing window, select +Icon.

The standard MustHaveMenus Icon Library will appear. 
There is a section for Uploaded Icons, which are Custom Menu Icons, available only through our Pro plan. 

Click to select the desired Menu Icon, which will automatically show on the design. 


After an icon has been used on a design, that specific icon will show towards the top of the Icon Library, in a section titled This Menu.


Remove a Menu Icon

To remove a Menu Icon from an item, select the menu item within a Menu Group. 
In the text editing window, select +Icon.

Select the Trash can to delete an icon.  Select Clear All if there are multiple icons associated with a specific item. 



Customize Menu Icon Color & Placement

By default, Menu Icons will inherit colors used on menu text.
To adjust the appearance of Menu Icons, select Text and then Style.

The color of Menu Icons can be adjusted, as well as the placement. 
Current placement options for Menu Icons are before the item name, or after the menu name.
To change the color of the Menu Icons, simply select the color box beneath Icons.

Select a color through the different options. 

To alter the placement of Menu Icons, select one of the icons.



For more visual guidance, please watch this short video demonstrating the process:




*Read more about web content accessibility from the World Wide Web Consortium Web Accessibility Initiative.
Guideline 1.1 – Text Alternatives
Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.


Have a friendly expert give you a personal tour. Book a demo.

If you have any questions or concerns, please feel free to reach out to our Customer Success team by clicking here.

To visit our full Help Center, please click here.

    • Related Articles

    • Custom Menu Icons

      Learn how to add custom icons to menu items to denote food allergens, dietary callouts, or spice level indicators. This article will also provide instruction on how to add descriptive text to custom menu icons for ADA accessibility. Custom Menu Icons ...

    • Create Menu Text

      Menu Groups are a special type of text field for menu content that makes it easy to organize and customize menu items. Each Menu Group can include a section Name with Notes, and contain multiple menu Items, with each field of text having its own ...

    • Add a Border to Menu Object Group Name

      Learn how to add a border to a Group Name. Add a Border to a Menu Object Group Name From within the design editor, select a Menu Group text box, then select the Group Name. Navigate to the top toolbar and select Border. A dropdown list of options ...

    • Add or Delete Text

      Learn how to add and delete text boxes. Add a Plain Text Box From within the design editor, select Text from the left panel. Plain Text options are Add Header Text, Add Subheader Text and Add Body Text. Select any option to have a Plain Text box ...

    • Import Online Menu Items into v3

      Learn how to import a menu item from an Online Menu into a design. Online Menus are only available on our Pro plan. Click here to go Pro. If an item was added to an Online Menu but not a menu design, the item can be imported into the design editor. ...