---
title: Button Icons
framework: TVML
role: article
role_heading: Article
path: tvml/button-icons
---

# Button Icons

Icons that indicate the function of a button.

## Overview

Overview Button icons are badges that are added to a button element as a visual clue to what the button is used for. button-add The resource name for the add button icon is button-add. Place an add button icon next to content to indicate that the user can add the item. Place the add icon using <badge src="resource://button-add" />.

button-checkmark The resource name for the checkmark button icon is button-checkmark. Place a checkmark button icon next to content to indicate that an item has been selected. Place the checkmark icon using <badge src="resource://button-checkmark" />.

button-dropdown The resource name for the dropdown button icon is button-dropdown. Place a dropdown button icon to indicate that there are more options for the user underneath the button. Place the dropdown icon using <badge src="resource://button-dropdown" />.

button-more The resource name for the more button icon is button-more. Place a more button icon to indicate that there is more text that is not currently displayed. Place the more icon using <badge src="resource://button-more" />.

button-play The resource name for the play button icon is button-play. Place a play button icon to indicate that the user can play the associated media item. Place the play icon using <badge src="resource://button-play" />.

button-preview The resource name for the preview button icon is button-preview. Place a preview that button icon to indicate that the user can play a short preview of the associated media item. Place the preview icon using <badge src="resource://button-preview" />.

button-rate The resource name for the rate button icon is button-rate. Place a rate button icon to indicate that the user can rate the associated media item. Place the rate icon using <badge src="resource://button-rate" />.

button-rated The resource name for the rated button icon is button-rated. Place a rated button icon to indicate that the user has rated the associated media item. Place the rated icon using <badge src="resource://button-rated" />.

button-remove The resource name for the remove button icon is button-remove. Place a remove button icon to indicate that the user can remove the media item. Place the remove icon using <badge src="resource://button-remove" />.

## See Also

### Resource Icons

- [Adding Resource Icons](tvml/adding-resource-icons.md)
- [Movie Rating Icons (United States)](tvml/movie-rating-icons-united-states.md)
- [Television Rating Icons (United States)](tvml/television-rating-icons-united-states.md)
- [Rating Icons (New Zealand)](tvml/rating-icons-new-zealand.md)
- [Rating Icons (United Kingdom)](tvml/rating-icons-united-kingdom.md)
- [Rating Icons (Brazil)](tvml/rating-icons-brazil.md)
- [Rotten Tomatoes Rating Icons](tvml/rotten-tomatoes-rating-icons.md)
- [Miscellaneous Icons](tvml/miscellaneous-icons.md)