<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/adding-resource-icons",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "Adding Resource Icons"
}
-->

# Adding Resource Icons

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

## 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:

```xml
<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.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)