@vscode/codicons
Version:
The icon font for Visual Studio Code
1,250 lines (1,223 loc) • 188 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>codicon | The icon font for Visual Studio Code </title>
<style type="text/css">
html {
box-sizing: border-box;
font-size: 16px;
}
*, *:before, *:after {
box-sizing: inherit;
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
margin: 0;
padding: 0;
font-weight: normal;
}
ol, ul {
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
body {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
margin: 0;
padding: 10px 20px;
text-align: center;
background-color: #f8f8f8;
}
h1 {
font-weight: bold;
margin: 24px;
}
.icon {
width: 100px;
display: inline-block;
margin: 8px;
}
.icon:hover {
cursor: pointer;
}
.icon:hover .inner {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24);
}
.icon .inner {
display: inline-block;
width: 100%;
text-align: center;
background-color: white;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06);
border-radius: 4px;
transition: all .3s ease-in-out;
}
.icon .inner i {
padding: 16px 0;
font-size: 48px;
color: #333;
overflow: hidden;
}
.icon .inner::before {
overflow: hidden;
}
.label {
margin-top: 8px;
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 4px;
font-size: 10px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.description {
display: none;
}
#search {
display: flex;
width: 100%;
font-size: 16px;
padding: 12px 16px;
margin: 0 auto;
max-width: 900px;
margin-bottom: 24px;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06);
}
#search:focus {
outline: none !important;
border-color: #18a0fb;
}
#copier {
position: absolute;
top: -9999px;
left: -9999px;
}
#notification {
position: fixed;
margin: auto;
bottom: 40px;
left: 50%;
width: auto;
transform: translateX(-50%);
color: white;
background-color: #212121;
padding: 8px 24px;
border-radius: 8px;
opacity: 0;
transition: opacity .3s ease-in-out;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
#notification-id {
font-weight: bold;
}
#notification.show{
opacity: .9;
}
</style>
<link rel="stylesheet" type="text/css" href="codicon.css" />
</head>
<body>
<h1>codicon</h1>
<input type="text" id="search" placeholder="Search for icon names">
<div id="icons">
<div class="icon" data-name="account" title="account">
<span class="inner">
<i class="codicon codicon-account" aria-hidden="true"></i>
</span>
<br>
<span class='label'>account</span>
<span class='description'></span>
</div>
<div class="icon" data-name="activate-breakpoints" title="activate-breakpoints">
<span class="inner">
<i class="codicon codicon-activate-breakpoints" aria-hidden="true"></i>
</span>
<br>
<span class='label'>activate-breakpoints</span>
<span class='description'></span>
</div>
<div class="icon" data-name="add" title="add">
<span class="inner">
<i class="codicon codicon-add" aria-hidden="true"></i>
</span>
<br>
<span class='label'>add</span>
<span class='description'></span>
</div>
<div class="icon" data-name="agent" title="agent">
<span class="inner">
<i class="codicon codicon-agent" aria-hidden="true"></i>
</span>
<br>
<span class='label'>agent</span>
<span class='description'></span>
</div>
<div class="icon" data-name="archive" title="archive">
<span class="inner">
<i class="codicon codicon-archive" aria-hidden="true"></i>
</span>
<br>
<span class='label'>archive</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-both" title="arrow-both">
<span class="inner">
<i class="codicon codicon-arrow-both" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-both</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-circle-down" title="arrow-circle-down">
<span class="inner">
<i class="codicon codicon-arrow-circle-down" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-circle-down</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-circle-left" title="arrow-circle-left">
<span class="inner">
<i class="codicon codicon-arrow-circle-left" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-circle-left</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-circle-right" title="arrow-circle-right">
<span class="inner">
<i class="codicon codicon-arrow-circle-right" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-circle-right</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-circle-up" title="arrow-circle-up">
<span class="inner">
<i class="codicon codicon-arrow-circle-up" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-circle-up</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-down" title="arrow-down">
<span class="inner">
<i class="codicon codicon-arrow-down" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-down</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-left" title="arrow-left">
<span class="inner">
<i class="codicon codicon-arrow-left" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-left</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-right" title="arrow-right">
<span class="inner">
<i class="codicon codicon-arrow-right" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-right</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-small-down" title="arrow-small-down">
<span class="inner">
<i class="codicon codicon-arrow-small-down" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-small-down</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-small-left" title="arrow-small-left">
<span class="inner">
<i class="codicon codicon-arrow-small-left" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-small-left</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-small-right" title="arrow-small-right">
<span class="inner">
<i class="codicon codicon-arrow-small-right" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-small-right</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-small-up" title="arrow-small-up">
<span class="inner">
<i class="codicon codicon-arrow-small-up" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-small-up</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-swap" title="arrow-swap">
<span class="inner">
<i class="codicon codicon-arrow-swap" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-swap</span>
<span class='description'></span>
</div>
<div class="icon" data-name="arrow-up" title="arrow-up">
<span class="inner">
<i class="codicon codicon-arrow-up" aria-hidden="true"></i>
</span>
<br>
<span class='label'>arrow-up</span>
<span class='description'></span>
</div>
<div class="icon" data-name="attach" title="attach">
<span class="inner">
<i class="codicon codicon-attach" aria-hidden="true"></i>
</span>
<br>
<span class='label'>attach</span>
<span class='description'></span>
</div>
<div class="icon" data-name="azure-devops" title="azure-devops">
<span class="inner">
<i class="codicon codicon-azure-devops" aria-hidden="true"></i>
</span>
<br>
<span class='label'>azure-devops</span>
<span class='description'></span>
</div>
<div class="icon" data-name="azure" title="azure">
<span class="inner">
<i class="codicon codicon-azure" aria-hidden="true"></i>
</span>
<br>
<span class='label'>azure</span>
<span class='description'></span>
</div>
<div class="icon" data-name="beaker-stop" title="beaker-stop">
<span class="inner">
<i class="codicon codicon-beaker-stop" aria-hidden="true"></i>
</span>
<br>
<span class='label'>beaker-stop</span>
<span class='description'></span>
</div>
<div class="icon" data-name="beaker" title="beaker">
<span class="inner">
<i class="codicon codicon-beaker" aria-hidden="true"></i>
</span>
<br>
<span class='label'>beaker</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bell-dot" title="bell-dot">
<span class="inner">
<i class="codicon codicon-bell-dot" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bell-dot</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bell-slash-dot" title="bell-slash-dot">
<span class="inner">
<i class="codicon codicon-bell-slash-dot" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bell-slash-dot</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bell-slash" title="bell-slash">
<span class="inner">
<i class="codicon codicon-bell-slash" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bell-slash</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bell" title="bell">
<span class="inner">
<i class="codicon codicon-bell" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bell</span>
<span class='description'></span>
</div>
<div class="icon" data-name="blank" title="blank">
<span class="inner">
<i class="codicon codicon-blank" aria-hidden="true"></i>
</span>
<br>
<span class='label'>blank</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bold" title="bold">
<span class="inner">
<i class="codicon codicon-bold" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bold</span>
<span class='description'></span>
</div>
<div class="icon" data-name="book" title="book">
<span class="inner">
<i class="codicon codicon-book" aria-hidden="true"></i>
</span>
<br>
<span class='label'>book</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bookmark" title="bookmark">
<span class="inner">
<i class="codicon codicon-bookmark" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bookmark</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bracket-dot" title="bracket-dot">
<span class="inner">
<i class="codicon codicon-bracket-dot" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bracket-dot</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bracket-error" title="bracket-error">
<span class="inner">
<i class="codicon codicon-bracket-error" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bracket-error</span>
<span class='description'></span>
</div>
<div class="icon" data-name="briefcase" title="briefcase">
<span class="inner">
<i class="codicon codicon-briefcase" aria-hidden="true"></i>
</span>
<br>
<span class='label'>briefcase</span>
<span class='description'></span>
</div>
<div class="icon" data-name="broadcast" title="broadcast">
<span class="inner">
<i class="codicon codicon-broadcast" aria-hidden="true"></i>
</span>
<br>
<span class='label'>broadcast</span>
<span class='description'></span>
</div>
<div class="icon" data-name="browser" title="browser">
<span class="inner">
<i class="codicon codicon-browser" aria-hidden="true"></i>
</span>
<br>
<span class='label'>browser</span>
<span class='description'></span>
</div>
<div class="icon" data-name="bug" title="bug">
<span class="inner">
<i class="codicon codicon-bug" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bug</span>
<span class='description'></span>
</div>
<div class="icon" data-name="build" title="build">
<span class="inner">
<i class="codicon codicon-build" aria-hidden="true"></i>
</span>
<br>
<span class='label'>build</span>
<span class='description'></span>
</div>
<div class="icon" data-name="calendar" title="calendar">
<span class="inner">
<i class="codicon codicon-calendar" aria-hidden="true"></i>
</span>
<br>
<span class='label'>calendar</span>
<span class='description'></span>
</div>
<div class="icon" data-name="call-incoming" title="call-incoming">
<span class="inner">
<i class="codicon codicon-call-incoming" aria-hidden="true"></i>
</span>
<br>
<span class='label'>call-incoming</span>
<span class='description'></span>
</div>
<div class="icon" data-name="call-outgoing" title="call-outgoing">
<span class="inner">
<i class="codicon codicon-call-outgoing" aria-hidden="true"></i>
</span>
<br>
<span class='label'>call-outgoing</span>
<span class='description'></span>
</div>
<div class="icon" data-name="case-sensitive" title="case-sensitive">
<span class="inner">
<i class="codicon codicon-case-sensitive" aria-hidden="true"></i>
</span>
<br>
<span class='label'>case-sensitive</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chat-sparkle-error" title="chat-sparkle-error">
<span class="inner">
<i class="codicon codicon-chat-sparkle-error" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chat-sparkle-error</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chat-sparkle-warning" title="chat-sparkle-warning">
<span class="inner">
<i class="codicon codicon-chat-sparkle-warning" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chat-sparkle-warning</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chat-sparkle" title="chat-sparkle">
<span class="inner">
<i class="codicon codicon-chat-sparkle" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chat-sparkle</span>
<span class='description'></span>
</div>
<div class="icon" data-name="check-all" title="check-all">
<span class="inner">
<i class="codicon codicon-check-all" aria-hidden="true"></i>
</span>
<br>
<span class='label'>check-all</span>
<span class='description'></span>
</div>
<div class="icon" data-name="check" title="check">
<span class="inner">
<i class="codicon codicon-check" aria-hidden="true"></i>
</span>
<br>
<span class='label'>check</span>
<span class='description'></span>
</div>
<div class="icon" data-name="checklist" title="checklist">
<span class="inner">
<i class="codicon codicon-checklist" aria-hidden="true"></i>
</span>
<br>
<span class='label'>checklist</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chevron-down" title="chevron-down">
<span class="inner">
<i class="codicon codicon-chevron-down" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chevron-down</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chevron-left" title="chevron-left">
<span class="inner">
<i class="codicon codicon-chevron-left" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chevron-left</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chevron-right" title="chevron-right">
<span class="inner">
<i class="codicon codicon-chevron-right" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chevron-right</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chevron-up" title="chevron-up">
<span class="inner">
<i class="codicon codicon-chevron-up" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chevron-up</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chip" title="chip">
<span class="inner">
<i class="codicon codicon-chip" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chip</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chrome-close" title="chrome-close">
<span class="inner">
<i class="codicon codicon-chrome-close" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chrome-close</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chrome-maximize" title="chrome-maximize">
<span class="inner">
<i class="codicon codicon-chrome-maximize" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chrome-maximize</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chrome-minimize" title="chrome-minimize">
<span class="inner">
<i class="codicon codicon-chrome-minimize" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chrome-minimize</span>
<span class='description'></span>
</div>
<div class="icon" data-name="chrome-restore" title="chrome-restore">
<span class="inner">
<i class="codicon codicon-chrome-restore" aria-hidden="true"></i>
</span>
<br>
<span class='label'>chrome-restore</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle-filled" title="circle-filled">
<span class="inner">
<i class="codicon codicon-circle-filled" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle-filled</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle-large-filled" title="circle-large-filled">
<span class="inner">
<i class="codicon codicon-circle-large-filled" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle-large-filled</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle-large" title="circle-large">
<span class="inner">
<i class="codicon codicon-circle-large" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle-large</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle-slash" title="circle-slash">
<span class="inner">
<i class="codicon codicon-circle-slash" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle-slash</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle-small-filled" title="circle-small-filled">
<span class="inner">
<i class="codicon codicon-circle-small-filled" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle-small-filled</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle-small" title="circle-small">
<span class="inner">
<i class="codicon codicon-circle-small" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle-small</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circle" title="circle">
<span class="inner">
<i class="codicon codicon-circle" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circle</span>
<span class='description'></span>
</div>
<div class="icon" data-name="circuit-board" title="circuit-board">
<span class="inner">
<i class="codicon codicon-circuit-board" aria-hidden="true"></i>
</span>
<br>
<span class='label'>circuit-board</span>
<span class='description'></span>
</div>
<div class="icon" data-name="clear-all" title="clear-all">
<span class="inner">
<i class="codicon codicon-clear-all" aria-hidden="true"></i>
</span>
<br>
<span class='label'>clear-all</span>
<span class='description'></span>
</div>
<div class="icon" data-name="clippy" title="clippy">
<span class="inner">
<i class="codicon codicon-clippy" aria-hidden="true"></i>
</span>
<br>
<span class='label'>clippy</span>
<span class='description'></span>
</div>
<div class="icon" data-name="close-all" title="close-all">
<span class="inner">
<i class="codicon codicon-close-all" aria-hidden="true"></i>
</span>
<br>
<span class='label'>close-all</span>
<span class='description'></span>
</div>
<div class="icon" data-name="close" title="close">
<span class="inner">
<i class="codicon codicon-close" aria-hidden="true"></i>
</span>
<br>
<span class='label'>close</span>
<span class='description'></span>
</div>
<div class="icon" data-name="cloud-download" title="cloud-download">
<span class="inner">
<i class="codicon codicon-cloud-download" aria-hidden="true"></i>
</span>
<br>
<span class='label'>cloud-download</span>
<span class='description'></span>
</div>
<div class="icon" data-name="cloud-upload" title="cloud-upload">
<span class="inner">
<i class="codicon codicon-cloud-upload" aria-hidden="true"></i>
</span>
<br>
<span class='label'>cloud-upload</span>
<span class='description'></span>
</div>
<div class="icon" data-name="cloud" title="cloud">
<span class="inner">
<i class="codicon codicon-cloud" aria-hidden="true"></i>
</span>
<br>
<span class='label'>cloud</span>
<span class='description'></span>
</div>
<div class="icon" data-name="code-oss" title="code-oss">
<span class="inner">
<i class="codicon codicon-code-oss" aria-hidden="true"></i>
</span>
<br>
<span class='label'>code-oss</span>
<span class='description'></span>
</div>
<div class="icon" data-name="code-review" title="code-review">
<span class="inner">
<i class="codicon codicon-code-review" aria-hidden="true"></i>
</span>
<br>
<span class='label'>code-review</span>
<span class='description'></span>
</div>
<div class="icon" data-name="code" title="code">
<span class="inner">
<i class="codicon codicon-code" aria-hidden="true"></i>
</span>
<br>
<span class='label'>code</span>
<span class='description'></span>
</div>
<div class="icon" data-name="coffee" title="coffee">
<span class="inner">
<i class="codicon codicon-coffee" aria-hidden="true"></i>
</span>
<br>
<span class='label'>coffee</span>
<span class='description'></span>
</div>
<div class="icon" data-name="collapse-all" title="collapse-all">
<span class="inner">
<i class="codicon codicon-collapse-all" aria-hidden="true"></i>
</span>
<br>
<span class='label'>collapse-all</span>
<span class='description'></span>
</div>
<div class="icon" data-name="collection" title="collection">
<span class="inner">
<i class="codicon codicon-collection" aria-hidden="true"></i>
</span>
<br>
<span class='label'>collection</span>
<span class='description'></span>
</div>
<div class="icon" data-name="color-mode" title="color-mode">
<span class="inner">
<i class="codicon codicon-color-mode" aria-hidden="true"></i>
</span>
<br>
<span class='label'>color-mode</span>
<span class='description'></span>
</div>
<div class="icon" data-name="combine" title="combine">
<span class="inner">
<i class="codicon codicon-combine" aria-hidden="true"></i>
</span>
<br>
<span class='label'>combine</span>
<span class='description'></span>
</div>
<div class="icon" data-name="comment-discussion-quote" title="comment-discussion-quote">
<span class="inner">
<i class="codicon codicon-comment-discussion-quote" aria-hidden="true"></i>
</span>
<br>
<span class='label'>comment-discussion-quote</span>
<span class='description'></span>
</div>
<div class="icon" data-name="comment-discussion-sparkle" title="comment-discussion-sparkle">
<span class="inner">
<i class="codicon codicon-comment-discussion-sparkle" aria-hidden="true"></i>
</span>
<br>
<span class='label'>comment-discussion-sparkle</span>
<span class='description'></span>
</div>
<div class="icon" data-name="comment-discussion" title="comment-discussion">
<span class="inner">
<i class="codicon codicon-comment-discussion" aria-hidden="true"></i>
</span>
<br>
<span class='label'>comment-discussion</span>
<span class='description'></span>
</div>
<div class="icon" data-name="comment-draft" title="comment-draft">
<span class="inner">
<i class="codicon codicon-comment-draft" aria-hidden="true"></i>
</span>
<br>
<span class='label'>comment-draft</span>
<span class='description'></span>
</div>
<div class="icon" data-name="comment-unresolved" title="comment-unresolved">
<span class="inner">
<i class="codicon codicon-comment-unresolved" aria-hidden="true"></i>
</span>
<br>
<span class='label'>comment-unresolved</span>
<span class='description'></span>
</div>
<div class="icon" data-name="comment" title="comment">
<span class="inner">
<i class="codicon codicon-comment" aria-hidden="true"></i>
</span>
<br>
<span class='label'>comment</span>
<span class='description'></span>
</div>
<div class="icon" data-name="compass-active" title="compass-active">
<span class="inner">
<i class="codicon codicon-compass-active" aria-hidden="true"></i>
</span>
<br>
<span class='label'>compass-active</span>
<span class='description'></span>
</div>
<div class="icon" data-name="compass-dot" title="compass-dot">
<span class="inner">
<i class="codicon codicon-compass-dot" aria-hidden="true"></i>
</span>
<br>
<span class='label'>compass-dot</span>
<span class='description'></span>
</div>
<div class="icon" data-name="compass" title="compass">
<span class="inner">
<i class="codicon codicon-compass" aria-hidden="true"></i>
</span>
<br>
<span class='label'>compass</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-blocked" title="copilot-blocked">
<span class="inner">
<i class="codicon codicon-copilot-blocked" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-blocked</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-error" title="copilot-error">
<span class="inner">
<i class="codicon codicon-copilot-error" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-error</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-in-progress" title="copilot-in-progress">
<span class="inner">
<i class="codicon codicon-copilot-in-progress" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-in-progress</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-large" title="copilot-large">
<span class="inner">
<i class="codicon codicon-copilot-large" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-large</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-not-connected" title="copilot-not-connected">
<span class="inner">
<i class="codicon codicon-copilot-not-connected" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-not-connected</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-snooze" title="copilot-snooze">
<span class="inner">
<i class="codicon codicon-copilot-snooze" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-snooze</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-success" title="copilot-success">
<span class="inner">
<i class="codicon codicon-copilot-success" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-success</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-unavailable" title="copilot-unavailable">
<span class="inner">
<i class="codicon codicon-copilot-unavailable" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-unavailable</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-warning-large" title="copilot-warning-large">
<span class="inner">
<i class="codicon codicon-copilot-warning-large" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-warning-large</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot-warning" title="copilot-warning">
<span class="inner">
<i class="codicon codicon-copilot-warning" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot-warning</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copilot" title="copilot">
<span class="inner">
<i class="codicon codicon-copilot" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copilot</span>
<span class='description'></span>
</div>
<div class="icon" data-name="copy" title="copy">
<span class="inner">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</span>
<br>
<span class='label'>copy</span>
<span class='description'></span>
</div>
<div class="icon" data-name="coverage" title="coverage">
<span class="inner">
<i class="codicon codicon-coverage" aria-hidden="true"></i>
</span>
<br>
<span class='label'>coverage</span>
<span class='description'></span>
</div>
<div class="icon" data-name="credit-card" title="credit-card">
<span class="inner">
<i class="codicon codicon-credit-card" aria-hidden="true"></i>
</span>
<br>
<span class='label'>credit-card</span>
<span class='description'></span>
</div>
<div class="icon" data-name="cursor" title="cursor">
<span class="inner">
<i class="codicon codicon-cursor" aria-hidden="true"></i>
</span>
<br>
<span class='label'>cursor</span>
<span class='description'></span>
</div>
<div class="icon" data-name="dash" title="dash">
<span class="inner">
<i class="codicon codicon-dash" aria-hidden="true"></i>
</span>
<br>
<span class='label'>dash</span>
<span class='description'></span>
</div>
<div class="icon" data-name="dashboard" title="dashboard">
<span class="inner">
<i class="codicon codicon-dashboard" aria-hidden="true"></i>
</span>
<br>
<span class='label'>dashboard</span>
<span class='description'></span>
</div>
<div class="icon" data-name="database" title="database">
<span class="inner">
<i class="codicon codicon-database" aria-hidden="true"></i>
</span>
<br>
<span class='label'>database</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-all" title="debug-all">
<span class="inner">
<i class="codicon codicon-debug-all" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-all</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-alt-small" title="debug-alt-small">
<span class="inner">
<i class="codicon codicon-debug-alt-small" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-alt-small</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-alt" title="debug-alt">
<span class="inner">
<i class="codicon codicon-debug-alt" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-alt</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-conditional-unverified" title="debug-breakpoint-conditional-unverified">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-conditional-unverified" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-conditional-unverified</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-conditional" title="debug-breakpoint-conditional">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-conditional" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-conditional</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-data-unverified" title="debug-breakpoint-data-unverified">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-data-unverified" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-data-unverified</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-data" title="debug-breakpoint-data">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-data" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-data</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-function-unverified" title="debug-breakpoint-function-unverified">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-function-unverified" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-function-unverified</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-function" title="debug-breakpoint-function">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-function" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-function</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-log-unverified" title="debug-breakpoint-log-unverified">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-log-unverified" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-log-unverified</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-log" title="debug-breakpoint-log">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-log" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-log</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-breakpoint-unsupported" title="debug-breakpoint-unsupported">
<span class="inner">
<i class="codicon codicon-debug-breakpoint-unsupported" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-breakpoint-unsupported</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-connected" title="debug-connected">
<span class="inner">
<i class="codicon codicon-debug-connected" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-connected</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-console" title="debug-console">
<span class="inner">
<i class="codicon codicon-debug-console" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-console</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-continue-small" title="debug-continue-small">
<span class="inner">
<i class="codicon codicon-debug-continue-small" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-continue-small</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-continue" title="debug-continue">
<span class="inner">
<i class="codicon codicon-debug-continue" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-continue</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-coverage" title="debug-coverage">
<span class="inner">
<i class="codicon codicon-debug-coverage" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-coverage</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-disconnect" title="debug-disconnect">
<span class="inner">
<i class="codicon codicon-debug-disconnect" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-disconnect</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-line-by-line" title="debug-line-by-line">
<span class="inner">
<i class="codicon codicon-debug-line-by-line" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-line-by-line</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-pause" title="debug-pause">
<span class="inner">
<i class="codicon codicon-debug-pause" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-pause</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-rerun" title="debug-rerun">
<span class="inner">
<i class="codicon codicon-debug-rerun" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-rerun</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-restart-frame" title="debug-restart-frame">
<span class="inner">
<i class="codicon codicon-debug-restart-frame" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-restart-frame</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-restart" title="debug-restart">
<span class="inner">
<i class="codicon codicon-debug-restart" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-restart</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-reverse-continue" title="debug-reverse-continue">
<span class="inner">
<i class="codicon codicon-debug-reverse-continue" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-reverse-continue</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-stackframe-active" title="debug-stackframe-active">
<span class="inner">
<i class="codicon codicon-debug-stackframe-active" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-stackframe-active</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-stackframe" title="debug-stackframe">
<span class="inner">
<i class="codicon codicon-debug-stackframe" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-stackframe</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-start" title="debug-start">
<span class="inner">
<i class="codicon codicon-debug-start" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-start</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-step-back" title="debug-step-back">
<span class="inner">
<i class="codicon codicon-debug-step-back" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-step-back</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-step-into" title="debug-step-into">
<span class="inner">
<i class="codicon codicon-debug-step-into" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-step-into</span>
<span c