---
title: Adding Resource Icons
framework: TVML
role: article
role_heading: Article
path: tvml/adding-resource-icons
---

# Adding Resource Icons

Add Apple-provided icons to buttons and as independent images.

## Overview

Overview Apple TV contains several icons that are available when you set the src attribute on a badge element to resource://<resourcename>. Here’s an example that sets the preview icon on a button: <buttonLockup>     <badge src="resource://button-preview" />     <title>Preview</title> </buttonLockup> Resource icons do not have different variants for dark and light themes. Use the tv-tint-color style to change the color of black and white resource icons. Select the appropriate tint for dark and light themes by wrapping the tv-tint-color style inside of a media query.

## See Also

### Resource Icons

- [Button Icons](tvml/button-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)
