Icon
Tag name: <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
actionIconreflects
| Name | actionIcon |
|---|---|
| Attribute | action-icon |
| Type |
|
| Default |
|
| Description | Behaves like a button |
label
| Name | label |
|---|---|
| Attribute | label |
| Type |
|
| Default |
|
| Description | Set a meaningful label in |
name
| Name | name |
|---|---|
| Attribute | name |
| Type |
|
| Default |
|
| Description | Codicon icon name. |
size
| Name | size |
|---|---|
| Attribute | size |
| Type |
|
| Default |
|
| Description | Icon size in pixels |
spinreflects
| Name | spin |
|---|---|
| Attribute | spin |
| Type |
|
| Default |
|
| Description | Enable rotation animation |
spinDuration
| Name | spinDuration |
|---|---|
| Attribute | spin-duration |
| Type |
|
| Default |
|
| Description | Animation duration in seconds |
versionreadonly
| Name | version |
|---|---|
| Type |
|
| Description | VSCode Elements version |
CSS Custom Properties
--vscode-focusBorder
| Name | --vscode-focusBorder |
|---|---|
| Default value | #0078d4 |
--vscode-icon-foreground
| Name | --vscode-icon-foreground |
|---|---|
| Default value | #cccccc |
--vscode-toolbar-activeBackground
| Name | --vscode-toolbar-activeBackground |
|---|---|
| Default value | rgba(99, 102, 103, 0.31) |
| Description | Active state background color in |
--vscode-toolbar-hoverBackground
| Name | --vscode-toolbar-hoverBackground |
|---|---|
| Default value | rgba(90, 93, 94, 0.31) |
| Description | Hover state background color in |