---
url: /api/reference/wxt/interfaces/ThemeIcon.md
---

[API](../../packages.md) / [wxt](../index.md) / ThemeIcon

# Interface: ThemeIcon

Source: [packages/wxt/src/types.ts:833](https://github.com/wxt-dev/wxt/blob/7594a4ca5cae24d0d5d705ed0d3ff1347b306e7b/packages/wxt/src/types.ts#L833)

Firefox theme icon definition for light/dark mode support.

## Contents

* [See](#see)
* [Properties](#properties)
  * [dark](#dark)
  * [light](#light)
  * [size](#size)

## See

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser\_action#theme\_icons

## Properties

### dark

> **dark**: `string`

Source: [packages/wxt/src/types.ts:837](https://github.com/wxt-dev/wxt/blob/7594a4ca5cae24d0d5d705ed0d3ff1347b306e7b/packages/wxt/src/types.ts#L837)

Path to the icon shown when the browser uses a dark theme.

***

### light

> **light**: `string`

Source: [packages/wxt/src/types.ts:835](https://github.com/wxt-dev/wxt/blob/7594a4ca5cae24d0d5d705ed0d3ff1347b306e7b/packages/wxt/src/types.ts#L835)

Path to the icon shown when the browser uses a light theme.

***

### size

> **size**: `number`

Source: [packages/wxt/src/types.ts:839](https://github.com/wxt-dev/wxt/blob/7594a4ca5cae24d0d5d705ed0d3ff1347b306e7b/packages/wxt/src/types.ts#L839)

Icon size in pixels.

***

Generated using [typedoc-plugin-markdown](https://www.npmjs.com/package/typedoc-plugin-markdown) and [TypeDoc](https://typedoc.org/)