@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
1,257 lines (1,230 loc) • 168 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="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="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="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="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" 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-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="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-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 class='description'></span>
</div>
<div class="icon" data-name="debug-step-out" title="debug-step-out">
<span class="inner">
<i class="codicon codicon-debug-step-out" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-step-out</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-step-over" title="debug-step-over">
<span class="inner">
<i class="codicon codicon-debug-step-over" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-step-over</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug-stop" title="debug-stop">
<span class="inner">
<i class="codicon codicon-debug-stop" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug-stop</span>
<span class='description'></span>
</div>
<div class="icon" data-name="debug" title="debug">
<span class="inner">
<i class="codicon codicon-debug" aria-hidden="true"></i>
</span>
<br>
<span class='label'>debug</span>
<span class='description'></span>
</div>
<div class="icon" data-name="desktop-download" title="desktop-download">
<span class="inner">
<i class="codicon codicon-desktop-download" aria-hidden="true"></i>
</span>
<br>
<span class='label'>desktop-download</span>
<span class='description'></span>
</div>
<div class="icon" data-name="device-camera-video" title="device-camera-video">
<span class="inner">
<i class="codicon codicon-device-camera-video" aria-hidden="true"></i>
</span>
<br>
<span class='label'>device-camera-video</span>
<span class='description'></span>
</div>
<div class="icon" data-name="device-camera" title="device-camera">
<span class="inner">
<i class="codicon codicon-device-camera" aria-hidden="true"></i>
</span>
<br>
<span class='label'>device-camera</span>
<span class='description'></span>
</div>
<div class="icon" data-name="device-mobile" title="device-mobile">
<span class="inner">
<i class="codicon codicon-device-mobile" aria-hidden="true"></i>
</span>
<br>
<span class='label'>device-mobile</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-added" title="diff-added">
<span class="inner">
<i class="codicon codicon-diff-added" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-added</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-ignored" title="diff-ignored">
<span class="inner">
<i class="codicon codicon-diff-ignored" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-ignored</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-modified" title="diff-modified">
<span class="inner">
<i class="codicon codicon-diff-modified" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-modified</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-multiple" title="diff-multiple">
<span class="inner">
<i class="codicon codicon-diff-multiple" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-multiple</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-removed" title="diff-removed">
<span class="inner">
<i class="codicon codicon-diff-removed" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-removed</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-renamed" title="diff-renamed">
<span class="inner">
<i class="codicon codicon-diff-renamed" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-renamed</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff-single" title="diff-single">
<span class="inner">
<i class="codicon codicon-diff-single" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff-single</span>
<span class='description'></span>
</div>
<div class="icon" data-name="diff" title="diff">
<span class="inner">
<i class="codicon codicon-diff" aria-hidden="true"></i>
</span>
<br>
<span class='label'>diff</span>
<span class='description'></span>
</div>
<div class="icon" data-name="discard" title="discard">
<span class="inner">
<i class="codicon codicon-discard" aria-hidden="true"></i>
</span>
<br>
<span class='label'>discard</span>
<span class='description'></span>
</div>
<div class="icon" data-name="edit-session" title="edit-session">
<span class="inner">
<i class="codicon codicon-edit-session" aria-hidden="true"></i>
</span>
<br>
<span class='label'>edit-session</span>
<span class='description'></span>
</div>
<div class="icon" data-name="edit" title="edit">
<span class="inner">
<i class="codicon codicon-edit" aria-hidden="true"></i>
</span>
<br>
<span class='label'>edit</span>
<span class='description'></span>
</div>
<div class="icon" data-name="editor-layout" title="editor-layout">
<span class="inner">
<i class="codicon codicon-editor-layout" aria-hidden="true"></i>
</span>
<br>
<span class='label'>edit