Icon

import '@bendera/vscode-webview-elements/dist/vscode-icon';

Basic example

HTML

<!--
  Download codicons from https://github.com/microsoft/vscode-codicons
-->
<link
  rel="stylesheet"
  href="path/to/codicon.css"
  id="vscode-codicon-stylesheet"
/>

<vscode-icon name="account"></vscode-icon>
<vscode-icon name="account" size="32"></vscode-icon>
<vscode-icon name="account" size="48"></vscode-icon>
<vscode-icon name="account" size="64"></vscode-icon>

Action icons

HTML

<vscode-icon name="account" action-icon></vscode-icon>
<vscode-icon name="add" action-icon></vscode-icon>
<vscode-icon name="git-compare" action-icon></vscode-icon>

Animated icons

HTML

<!--
  Download codicons from https://github.com/microsoft/vscode-codicons
-->
<link
  rel="stylesheet"
  href="path/to/codicon.css"
  id="vscode-codicon-stylesheet"
/>

<vscode-icon name="loading" spin spin-duration="1"></vscode-icon>
<vscode-icon name="sync" spin></vscode-icon>
<vscode-icon name="gear" spin spin-duration="2"></vscode-icon>

List of icons

For the searchable list, see the project page.