@vscode/codicons
Version:
The icon font for Visual Studio Code
1,091 lines (1,055 loc) • 1.22 MB
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;
}
:root {
--bg-color: #f8f8f8;
--text-color: #333;
--text-secondary: #666;
--card-bg: white;
--card-shadow: rgba(0, 0, 0, 0.06);
--card-shadow-hover: rgba(0, 0, 0, 0.24);
--input-border: rgba(0,0,0,.1);
--notification-bg: #212121;
--notification-text: white;
}
[data-theme="dark"] {
--bg-color: #1e1e1e;
--text-color: #cccccc;
--text-secondary: #999;
--card-bg: #252526;
--card-shadow: rgba(0, 0, 0, 0.3);
--card-shadow-hover: rgba(255, 255, 255, 0.1);
--input-border: rgba(255,255,255,.1);
--notification-bg: #3c3c3c;
--notification-text: #cccccc;
}
body {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
margin: 0;
padding: 0px 20px 10px 20px;
text-align: center;
background-color: var(--bg-color);
color: var(--text-color);
transition: background-color 0.3s ease, color 0.3s ease;
}
#header {
position: sticky;
top: 0;
display: flex;
align-items: center;
gap: 20px;
margin: 0 auto;
padding: 20px 64px;
background-color: var(--bg-color);
z-index: 100;
transition: background-color 0.3s ease;
}
h1 {
font-weight: bold;
margin: 0;
color: var(--text-color);
white-space: nowrap;
flex-shrink: 0;
}
#theme-toggle {
display: flex;
align-items: center;
gap: 4px;
padding: 10px 20px;
background-color: var(--card-bg);
color: var(--text-color);
border: 1px solid var(--input-border);
border-radius: 4px;
cursor: pointer;
font-size: 14px;
box-shadow: 0px 0px 12px var(--card-shadow);
transition: all 0.3s ease;
flex-shrink: 0;
white-space: nowrap;
}
#theme-toggle:hover {
box-shadow: 0px 0px 12px var(--card-shadow-hover);
}
#theme-toggle:focus {
outline: none;
border-color: #18a0fb;
}
.icon {
width: 100px;
display: inline-block;
margin: 8px;
}
.icon:hover .inner {
box-shadow: 0px 0px 12px var(--card-shadow-hover);
}
.icon .inner {
display: inline-block;
width: 100%;
text-align: center;
background-color: var(--card-bg);
box-shadow: 0px 0px 12px var(--card-shadow);
border-radius: 4px;
transition: all .3s ease-in-out;
}
.icon .inner i {
padding: 16px 0;
font-size: 48px;
color: var(--text-color);
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: var(--text-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.copy-buttons {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease-in-out;
}
.icon:hover .copy-buttons {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.copy-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px;
color: var(--text-secondary);
border-radius: 4px;
transition: color 0.2s ease, background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
.copy-btn:hover {
color: var(--text-color);
background-color: var(--input-border);
}
.copy-btn i {
font-size: 14px;
}
.description {
display: none;
}
#search {
flex: 1;
font-size: 16px;
padding: 12px 16px;
border: 1px solid var(--input-border);
box-shadow: 0px 0px 12px var(--card-shadow);
background-color: var(--card-bg);
color: var(--text-color);
transition: all 0.3s ease;
border-radius: 4px;
}
#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: var(--notification-text);
background-color: var(--notification-bg);
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>
<div id="header">
<h1>codicon</h1>
<input type="text" id="search" placeholder="Search for icon names" aria-label="Search for icon names">
<button id="theme-toggle" aria-label="Toggle theme"><i class="codicon codicon-color-mode"></i> Dark Mode</button>
</div>
<div id="icons">
<div class="icon" data-name="account" title="account" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-account" aria-hidden="true"></i>
</span>
<br>
<span class='label'>account</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="activate-breakpoints" title="activate-breakpoints" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="add-small" title="add-small" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-add-small" aria-hidden="true"></i>
</span>
<br>
<span class='label'>add-small</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="add" title="add" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-add" aria-hidden="true"></i>
</span>
<br>
<span class='label'>add</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="agent" title="agent" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-agent" aria-hidden="true"></i>
</span>
<br>
<span class='label'>agent</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="archive" title="archive" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-archive" aria-hidden="true"></i>
</span>
<br>
<span class='label'>archive</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-both" title="arrow-both" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-circle-down" title="arrow-circle-down" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-circle-left" title="arrow-circle-left" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-circle-right" title="arrow-circle-right" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-circle-up" title="arrow-circle-up" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-down" title="arrow-down" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-left" title="arrow-left" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-right" title="arrow-right" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-small-down" title="arrow-small-down" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-small-left" title="arrow-small-left" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-small-right" title="arrow-small-right" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-small-up" title="arrow-small-up" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-swap" title="arrow-swap" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="arrow-up" title="arrow-up" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="ask" title="ask" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-ask" aria-hidden="true"></i>
</span>
<br>
<span class='label'>ask</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="attach" title="attach" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-attach" aria-hidden="true"></i>
</span>
<br>
<span class='label'>attach</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="azure-devops" title="azure-devops" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="azure" title="azure" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-azure" aria-hidden="true"></i>
</span>
<br>
<span class='label'>azure</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="beaker-stop" title="beaker-stop" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="beaker" title="beaker" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-beaker" aria-hidden="true"></i>
</span>
<br>
<span class='label'>beaker</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bell-dot" title="bell-dot" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bell-slash-dot" title="bell-slash-dot" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bell-slash" title="bell-slash" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bell" title="bell" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-bell" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bell</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="blank" title="blank" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-blank" aria-hidden="true"></i>
</span>
<br>
<span class='label'>blank</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bold" title="bold" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-bold" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bold</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="book" title="book" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-book" aria-hidden="true"></i>
</span>
<br>
<span class='label'>book</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bookmark" title="bookmark" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-bookmark" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bookmark</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bracket-dot" title="bracket-dot" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bracket-error" title="bracket-error" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="briefcase" title="briefcase" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-briefcase" aria-hidden="true"></i>
</span>
<br>
<span class='label'>briefcase</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="broadcast" title="broadcast" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-broadcast" aria-hidden="true"></i>
</span>
<br>
<span class='label'>broadcast</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="browser" title="browser" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-browser" aria-hidden="true"></i>
</span>
<br>
<span class='label'>browser</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="bug" title="bug" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-bug" aria-hidden="true"></i>
</span>
<br>
<span class='label'>bug</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="build" title="build" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-build" aria-hidden="true"></i>
</span>
<br>
<span class='label'>build</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="calendar" title="calendar" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-calendar" aria-hidden="true"></i>
</span>
<br>
<span class='label'>calendar</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="call-incoming" title="call-incoming" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="call-outgoing" title="call-outgoing" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="case-sensitive" title="case-sensitive" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="chat-sparkle-error" title="chat-sparkle-error" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="chat-sparkle-warning" title="chat-sparkle-warning" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="chat-sparkle" title="chat-sparkle" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="check-all" title="check-all" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="check" title="check" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-check" aria-hidden="true"></i>
</span>
<br>
<span class='label'>check</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="checklist" title="checklist" data-tags="" data-description="">
<span class="inner">
<i class="codicon codicon-checklist" aria-hidden="true"></i>
</span>
<br>
<span class='label'>checklist</span>
<span class='description'></span>
<div class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
</div>
</div>
<div class="icon" data-name="chevron-down" title="chevron-down" data-tags="" data-description="">
<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 class="copy-buttons">
<button class="copy-btn copy-name-btn" title="Copy icon name" aria-label="Copy icon name">
<i class="codicon codicon-copy" aria-hidden="true"></i>
</button>
<button class="copy-btn copy-svg-btn" title="Copy SVG" aria-label="Copy SVG">
<i class="codicon codicon-file-code" aria-hidden="true"></i>
</button>
<