Icon

• Docs
• API

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	boolean
Default	false
Description	Behaves like a button

label

Name	label
Attribute	label
Type	string
Default	''
Description	Set a meaningful label in action-icon mode for the screen readers

name

Name	name
Attribute	name
Type	string
Default	''
Description	Codicon icon name.

size

Name	size
Attribute	size
Type	number
Default	16
Description	Icon size in pixels

spinreflects

Name	spin
Attribute	spin
Type	boolean
Default	false
Description	Enable rotation animation

spinDuration

Name	spinDuration
Attribute	spin-duration
Type	number
Default	1.5
Description	Animation duration in seconds

versionreadonly

Name	version
Type	string
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 active-icon mode

--vscode-toolbar-hoverBackground

Name	--vscode-toolbar-hoverBackground
Default value	rgba(90, 93, 94, 0.31)
Description	Hover state background color in active-icon mode