◆ codicons パッケージになってる
◆ CSS を CDN からロードして class に codicon と表示するアイコンのクラスつければ表示できる

「VSCode のアイコンを使いたい」 ふとそんなことを思って調べてみたらパッケージになっていました
https://github.com/microsoft/vscode-codicons

codicons という名前です

使い方はすごく簡単でした
まず CSS をロードします
CDN 使うならこんな感じです

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vscode-codicons@0.0.15/dist/codicon.css"/>

これでフォントもロードされるので あとはアイコンを表示したい場所に適当な要素を作って class に 「codicon」 と表示したいアイコンのクラスを設定します

<i class="codicon codicon-folder"></i>
<i class="codicon codicon-gear"></i>

folder とか gear みたいな名前は公式サイトに一覧が載っています
CSS でアイコンを表示するための要素にはよく i タグが使われているので ここでは i タグにしていますが i タグ以外でも大丈夫です
VSCode 内では a タグだったり span タグだったり特に統一されてるわけではなく 表示したい場所に合わせてるようです

アイコン一覧を表示するページを作ってみました
プレビュー表示できます

<!doctype html>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vscode-codicons@0.0.15/dist/codicon.css"/>

<style>
body {
display: flex;
flex-flow: row wrap;
margin: 50px;
}
.codicon {
font-size: 48px !important;
margin: 20px;
}
</style>

<i class="codicon codicon-account"></i>
<i class="codicon codicon-activate-breakpoints"></i>
<i class="codicon codicon-add"></i>
<i class="codicon codicon-archive"></i>
<i class="codicon codicon-arrow-both"></i>
<i class="codicon codicon-arrow-down"></i>
<i class="codicon codicon-arrow-left"></i>
<i class="codicon codicon-arrow-right"></i>
<i class="codicon codicon-arrow-small-down"></i>
<i class="codicon codicon-arrow-small-left"></i>
<i class="codicon codicon-arrow-small-right"></i>
<i class="codicon codicon-arrow-small-up"></i>
<i class="codicon codicon-arrow-up"></i>
<i class="codicon codicon-beaker"></i>
<i class="codicon codicon-bell-dot"></i>
<i class="codicon codicon-bell"></i>
<i class="codicon codicon-bold"></i>
<i class="codicon codicon-book"></i>
<i class="codicon codicon-bookmark"></i>
<i class="codicon codicon-briefcase"></i>
<i class="codicon codicon-broadcast"></i>
<i class="codicon codicon-browser"></i>
<i class="codicon codicon-bug"></i>
<i class="codicon codicon-calendar"></i>
<i class="codicon codicon-call-incoming"></i>
<i class="codicon codicon-call-outgoing"></i>
<i class="codicon codicon-case-sensitive"></i>
<i class="codicon codicon-check-all"></i>
<i class="codicon codicon-check"></i>
<i class="codicon codicon-checklist"></i>
<i class="codicon codicon-chevron-down"></i>
<i class="codicon codicon-chevron-left"></i>
<i class="codicon codicon-chevron-right"></i>
<i class="codicon codicon-chevron-up"></i>
<i class="codicon codicon-chrome-close"></i>
<i class="codicon codicon-chrome-maximize"></i>
<i class="codicon codicon-chrome-minimize"></i>
<i class="codicon codicon-chrome-restore"></i>
<i class="codicon codicon-circle-filled"></i>
<i class="codicon codicon-circle-large-filled"></i>
<i class="codicon codicon-circle-large-outline"></i>
<i class="codicon codicon-circle-outline"></i>
<i class="codicon codicon-circle-slash"></i>
<i class="codicon codicon-circuit-board"></i>
<i class="codicon codicon-clear-all"></i>
<i class="codicon codicon-clippy"></i>
<i class="codicon codicon-close-all"></i>
<i class="codicon codicon-close"></i>
<i class="codicon codicon-cloud-download"></i>
<i class="codicon codicon-cloud-upload"></i>
<i class="codicon codicon-cloud"></i>
<i class="codicon codicon-code"></i>
<i class="codicon codicon-collapse-all"></i>
<i class="codicon codicon-color-mode"></i>
<i class="codicon codicon-combine"></i>
<i class="codicon codicon-comment-discussion"></i>
<i class="codicon codicon-comment"></i>
<i class="codicon codicon-credit-card"></i>
<i class="codicon codicon-dash"></i>
<i class="codicon codicon-dashboard"></i>
<i class="codicon codicon-database"></i>
<i class="codicon codicon-debug-alt-small"></i>
<i class="codicon codicon-debug-alt"></i>
<i class="codicon codicon-debug-breakpoint-conditional-unverified"></i>
<i class="codicon codicon-debug-breakpoint-conditional"></i>
<i class="codicon codicon-debug-breakpoint-data-unverified"></i>
<i class="codicon codicon-debug-breakpoint-data"></i>
<i class="codicon codicon-debug-breakpoint-function-unverified"></i>
<i class="codicon codicon-debug-breakpoint-function"></i>
<i class="codicon codicon-debug-breakpoint-log-unverified"></i>
<i class="codicon codicon-debug-breakpoint-log"></i>
<i class="codicon codicon-debug-breakpoint-unsupported"></i>
<i class="codicon codicon-debug-console"></i>
<i class="codicon codicon-debug-continue"></i>
<i class="codicon codicon-debug-disconnect"></i>
<i class="codicon codicon-debug-pause"></i>
<i class="codicon codicon-debug-rerun"></i>
<i class="codicon codicon-debug-restart-frame"></i>
<i class="codicon codicon-debug-restart"></i>
<i class="codicon codicon-debug-reverse-continue"></i>
<i class="codicon codicon-debug-stackframe-active"></i>
<i class="codicon codicon-debug-stackframe-dot"></i>
<i class="codicon codicon-debug-stackframe"></i>
<i class="codicon codicon-debug-start"></i>
<i class="codicon codicon-debug-step-back"></i>
<i class="codicon codicon-debug-step-into"></i>
<i class="codicon codicon-debug-step-out"></i>
<i class="codicon codicon-debug-step-over"></i>
<i class="codicon codicon-debug-stop"></i>
<i class="codicon codicon-debug"></i>
<i class="codicon codicon-desktop-download"></i>
<i class="codicon codicon-device-camera-video"></i>
<i class="codicon codicon-device-camera"></i>
<i class="codicon codicon-device-mobile"></i>
<i class="codicon codicon-diff-added"></i>
<i class="codicon codicon-diff-ignored"></i>
<i class="codicon codicon-diff-modified"></i>
<i class="codicon codicon-diff-removed"></i>
<i class="codicon codicon-diff-renamed"></i>
<i class="codicon codicon-diff"></i>
<i class="codicon codicon-discard"></i>
<i class="codicon codicon-edit"></i>
<i class="codicon codicon-editor-layout"></i>
<i class="codicon codicon-ellipsis"></i>
<i class="codicon codicon-empty-window"></i>
<i class="codicon codicon-error"></i>
<i class="codicon codicon-exclude"></i>
<i class="codicon codicon-expand-all"></i>
<i class="codicon codicon-export"></i>
<i class="codicon codicon-extensions"></i>
<i class="codicon codicon-eye-closed"></i>
<i class="codicon codicon-eye"></i>
<i class="codicon codicon-feedback"></i>
<i class="codicon codicon-file-binary"></i>
<i class="codicon codicon-file-code"></i>
<i class="codicon codicon-file-media"></i>
<i class="codicon codicon-file-pdf"></i>
<i class="codicon codicon-file-submodule"></i>
<i class="codicon codicon-file-symlink-directory"></i>
<i class="codicon codicon-file-symlink-file"></i>
<i class="codicon codicon-file-zip"></i>
<i class="codicon codicon-file"></i>
<i class="codicon codicon-files"></i>
<i class="codicon codicon-filter"></i>
<i class="codicon codicon-flame"></i>
<i class="codicon codicon-fold-down"></i>
<i class="codicon codicon-fold-up"></i>
<i class="codicon codicon-fold"></i>
<i class="codicon codicon-folder-active"></i>
<i class="codicon codicon-folder-opened"></i>
<i class="codicon codicon-folder"></i>
<i class="codicon codicon-gear"></i>
<i class="codicon codicon-gift"></i>
<i class="codicon codicon-gist-secret"></i>
<i class="codicon codicon-git-commit"></i>
<i class="codicon codicon-git-compare"></i>
<i class="codicon codicon-git-merge"></i>
<i class="codicon codicon-git-pull-request-create"></i>
<i class="codicon codicon-git-pull-request"></i>
<i class="codicon codicon-github-action"></i>
<i class="codicon codicon-github-alt"></i>
<i class="codicon codicon-github-inverted"></i>
<i class="codicon codicon-github"></i>
<i class="codicon codicon-globe"></i>
<i class="codicon codicon-go-to-file"></i>
<i class="codicon codicon-grabber"></i>
<i class="codicon codicon-graph-left"></i>
<i class="codicon codicon-graph"></i>
<i class="codicon codicon-gripper"></i>
<i class="codicon codicon-group-by-ref-type"></i>
<i class="codicon codicon-heart"></i>
<i class="codicon codicon-history"></i>
<i class="codicon codicon-home"></i>
<i class="codicon codicon-horizontal-rule"></i>
<i class="codicon codicon-hubot"></i>
<i class="codicon codicon-inbox"></i>
<i class="codicon codicon-info"></i>
<i class="codicon codicon-issue-closed"></i>
<i class="codicon codicon-issue-reopened"></i>
<i class="codicon codicon-issues"></i>
<i class="codicon codicon-italic"></i>
<i class="codicon codicon-jersey"></i>
<i class="codicon codicon-json"></i>
<i class="codicon codicon-kebab-vertical"></i>
<i class="codicon codicon-key"></i>
<i class="codicon codicon-law"></i>
<i class="codicon codicon-library"></i>
<i class="codicon codicon-lightbulb-autofix"></i>
<i class="codicon codicon-lightbulb"></i>
<i class="codicon codicon-link-external"></i>
<i class="codicon codicon-link"></i>
<i class="codicon codicon-list-filter"></i>
<i class="codicon codicon-list-flat"></i>
<i class="codicon codicon-list-ordered"></i>
<i class="codicon codicon-list-selection"></i>
<i class="codicon codicon-list-tree"></i>
<i class="codicon codicon-list-unordered"></i>
<i class="codicon codicon-live-share"></i>
<i class="codicon codicon-loading"></i>
<i class="codicon codicon-location"></i>
<i class="codicon codicon-lock"></i>
<i class="codicon codicon-magnet"></i>
<i class="codicon codicon-mail-read"></i>
<i class="codicon codicon-mail"></i>
<i class="codicon codicon-markdown"></i>
<i class="codicon codicon-megaphone"></i>
<i class="codicon codicon-mention"></i>
<i class="codicon codicon-menu"></i>
<i class="codicon codicon-merge"></i>
<i class="codicon codicon-milestone"></i>
<i class="codicon codicon-mirror"></i>
<i class="codicon codicon-mortar-board"></i>
<i class="codicon codicon-move"></i>
<i class="codicon codicon-multiple-windows"></i>
<i class="codicon codicon-mute"></i>
<i class="codicon codicon-new-file"></i>
<i class="codicon codicon-new-folder"></i>
<i class="codicon codicon-no-newline"></i>
<i class="codicon codicon-note"></i>
<i class="codicon codicon-notebook-template"></i>
<i class="codicon codicon-notebook"></i>
<i class="codicon codicon-octoface"></i>
<i class="codicon codicon-open-preview"></i>
<i class="codicon codicon-organization"></i>
<i class="codicon codicon-output"></i>
<i class="codicon codicon-package"></i>
<i class="codicon codicon-paintcan"></i>
<i class="codicon codicon-pass-filled"></i>
<i class="codicon codicon-pass"></i>
<i class="codicon codicon-person"></i>
<i class="codicon codicon-pin"></i>
<i class="codicon codicon-pinned-dirty"></i>
<i class="codicon codicon-pinned"></i>
<i class="codicon codicon-play-circle"></i>
<i class="codicon codicon-play"></i>
<i class="codicon codicon-plug"></i>
<i class="codicon codicon-preserve-case"></i>
<i class="codicon codicon-preview"></i>
<i class="codicon codicon-primitive-square"></i>
<i class="codicon codicon-project"></i>
<i class="codicon codicon-pulse"></i>
<i class="codicon codicon-question"></i>
<i class="codicon codicon-quote"></i>
<i class="codicon codicon-radio-tower"></i>
<i class="codicon codicon-reactions"></i>
<i class="codicon codicon-record-keys"></i>
<i class="codicon codicon-record"></i>
<i class="codicon codicon-redo"></i>
<i class="codicon codicon-references"></i>
<i class="codicon codicon-refresh"></i>
<i class="codicon codicon-regex"></i>
<i class="codicon codicon-remote-explorer"></i>
<i class="codicon codicon-remote"></i>
<i class="codicon codicon-remove"></i>
<i class="codicon codicon-replace-all"></i>
<i class="codicon codicon-replace"></i>
<i class="codicon codicon-reply"></i>
<i class="codicon codicon-repo-clone"></i>
<i class="codicon codicon-repo-force-push"></i>
<i class="codicon codicon-repo-forked"></i>
<i class="codicon codicon-repo-pull"></i>
<i class="codicon codicon-repo-push"></i>
<i class="codicon codicon-repo"></i>
<i class="codicon codicon-report"></i>
<i class="codicon codicon-request-changes"></i>
<i class="codicon codicon-rocket"></i>
<i class="codicon codicon-root-folder-opened"></i>
<i class="codicon codicon-root-folder"></i>
<i class="codicon codicon-rss"></i>
<i class="codicon codicon-ruby"></i>
<i class="codicon codicon-run-above"></i>
<i class="codicon codicon-run-all"></i>
<i class="codicon codicon-run-below"></i>
<i class="codicon codicon-save-all"></i>
<i class="codicon codicon-save-as"></i>
<i class="codicon codicon-save"></i>
<i class="codicon codicon-screen-full"></i>
<i class="codicon codicon-screen-normal"></i>
<i class="codicon codicon-search-stop"></i>
<i class="codicon codicon-search"></i>
<i class="codicon codicon-server-environment"></i>
<i class="codicon codicon-server-process"></i>
<i class="codicon codicon-server"></i>
<i class="codicon codicon-settings-gear"></i>
<i class="codicon codicon-settings"></i>
<i class="codicon codicon-shield"></i>
<i class="codicon codicon-sign-in"></i>
<i class="codicon codicon-sign-out"></i>
<i class="codicon codicon-smiley"></i>
<i class="codicon codicon-sort-precedence"></i>
<i class="codicon codicon-source-control"></i>
<i class="codicon codicon-split-horizontal"></i>
<i class="codicon codicon-split-vertical"></i>
<i class="codicon codicon-squirrel"></i>
<i class="codicon codicon-star-empty"></i>
<i class="codicon codicon-star-full"></i>
<i class="codicon codicon-star-half"></i>
<i class="codicon codicon-stop-circle"></i>
<i class="codicon codicon-symbol-array"></i>
<i class="codicon codicon-symbol-boolean"></i>
<i class="codicon codicon-symbol-class"></i>
<i class="codicon codicon-symbol-color"></i>
<i class="codicon codicon-symbol-constant"></i>
<i class="codicon codicon-symbol-enum-member"></i>
<i class="codicon codicon-symbol-enum"></i>
<i class="codicon codicon-symbol-event"></i>
<i class="codicon codicon-symbol-field"></i>
<i class="codicon codicon-symbol-file"></i>
<i class="codicon codicon-symbol-interface"></i>
<i class="codicon codicon-symbol-key"></i>
<i class="codicon codicon-symbol-keyword"></i>
<i class="codicon codicon-symbol-method"></i>
<i class="codicon codicon-symbol-misc"></i>
<i class="codicon codicon-symbol-namespace"></i>
<i class="codicon codicon-symbol-numeric"></i>
<i class="codicon codicon-symbol-operator"></i>
<i class="codicon codicon-symbol-parameter"></i>
<i class="codicon codicon-symbol-property"></i>
<i class="codicon codicon-symbol-ruler"></i>
<i class="codicon codicon-symbol-snippet"></i>
<i class="codicon codicon-symbol-string"></i>
<i class="codicon codicon-symbol-structure"></i>
<i class="codicon codicon-symbol-variable"></i>
<i class="codicon codicon-sync-ignored"></i>
<i class="codicon codicon-sync"></i>
<i class="codicon codicon-table"></i>
<i class="codicon codicon-tag"></i>
<i class="codicon codicon-tasklist"></i>
<i class="codicon codicon-telescope"></i>
<i class="codicon codicon-terminal"></i>
<i class="codicon codicon-text-size"></i>
<i class="codicon codicon-three-bars"></i>
<i class="codicon codicon-thumbsdown"></i>
<i class="codicon codicon-thumbsup"></i>
<i class="codicon codicon-tools"></i>
<i class="codicon codicon-trash"></i>
<i class="codicon codicon-triangle-down"></i>
<i class="codicon codicon-triangle-left"></i>
<i class="codicon codicon-triangle-right"></i>
<i class="codicon codicon-triangle-up"></i>
<i class="codicon codicon-twitter"></i>
<i class="codicon codicon-type-hierarchy-sub"></i>
<i class="codicon codicon-type-hierarchy-super"></i>
<i class="codicon codicon-type-hierarchy"></i>
<i class="codicon codicon-unfold"></i>
<i class="codicon codicon-ungroup-by-ref-type"></i>
<i class="codicon codicon-unlock"></i>
<i class="codicon codicon-unmute"></i>
<i class="codicon codicon-unverified"></i>
<i class="codicon codicon-variable-group"></i>
<i class="codicon codicon-verified"></i>
<i class="codicon codicon-versions"></i>
<i class="codicon codicon-vm-active"></i>
<i class="codicon codicon-vm-connect"></i>
<i class="codicon codicon-vm-outline"></i>
<i class="codicon codicon-vm-running"></i>
<i class="codicon codicon-vm"></i>
<i class="codicon codicon-warning"></i>
<i class="codicon codicon-watch"></i>
<i class="codicon codicon-whitespace"></i>
<i class="codicon codicon-whole-word"></i>
<i class="codicon codicon-window"></i>
<i class="codicon codicon-word-wrap"></i>
<i class="codicon codicon-zoom-in"></i>
<i class="codicon codicon-zoom-out"></i>