Icon

<vscode-icon>

Display a Codicon. In "action-icon" mode it behaves like a button. In this case, it is recommended that a meaningful label is specified with the label property.

Properties

actionIcon reflected: Behaves like a button

Attribute action-icon
Type boolean
Default false
label: Set a meaningful label in action-icon mode for the screen readers

Attribute label
Type string
Default ''
name: Codicon icon name.

Attribute name
Type string
Default ''
size: Icon size in pixels

Attribute size
Type number
Default 16
spin reflected: Enable rotation animation

Attribute spin
Type boolean
Default false
spinDuration: Animation duration in seconds

Attribute spin-duration
Type number
Default 1.5
version readonly: VSC Element version

Attribute	action-icon
Type	`boolean`
Default	`false`

Attribute	label
Type	`string`
Default	`''`

Attribute	name
Type	`string`
Default	`''`

Attribute	size
Type	`number`
Default	`16`

Attribute	spin
Type	`boolean`
Default	`false`

Attribute	spin-duration
Type	`number`
Default	`1.5`

Custom CSS Properties

--vscode-toolbar-activeBackground: Active state background color in active-icon mode
--vscode-toolbar-hoverBackground: Hover state background color in active-icon mode