mirror of
https://github.com/awizemann/scarf.git
synced 2026-05-10 10:36:35 +00:00
25 lines
1.2 KiB
HTML
25 lines
1.2 KiB
HTML
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Iconography</title>
|
||
|
|
<link rel="stylesheet" href="_preview.css">
|
||
|
|
<script src="https://unpkg.com/lucide@0.469.0/dist/umd/lucide.min.js"></script>
|
||
|
|
<style>
|
||
|
|
.ico { display:flex; flex-direction:column; align-items:center; gap:6px; font-size:10px; color:var(--fg-muted); width:64px }
|
||
|
|
.ico svg { width:22px; height:22px; stroke-width:1.5; color:var(--fg) }
|
||
|
|
</style></head>
|
||
|
|
<body>
|
||
|
|
<div class="card-root">
|
||
|
|
<div class="label">Iconography · Lucide (web sub for SF Symbols)</div>
|
||
|
|
<div class="row" style="gap:14px">
|
||
|
|
<div class="ico"><i data-lucide="layout-grid"></i>Dashboard</div>
|
||
|
|
<div class="ico"><i data-lucide="bar-chart-3"></i>Insights</div>
|
||
|
|
<div class="ico"><i data-lucide="messages-square"></i>Sessions</div>
|
||
|
|
<div class="ico"><i data-lucide="cpu"></i>Model</div>
|
||
|
|
<div class="ico"><i data-lucide="cloud"></i>Provider</div>
|
||
|
|
<div class="ico"><i data-lucide="package"></i>Templates</div>
|
||
|
|
<div class="ico"><i data-lucide="folder"></i>Projects</div>
|
||
|
|
<div class="ico"><i data-lucide="wrench"></i>Tools</div>
|
||
|
|
<div class="ico"><i data-lucide="stethoscope"></i>Diagnostics</div>
|
||
|
|
</div>
|
||
|
|
<script>lucide.createIcons();</script>
|
||
|
|
</div>
|
||
|
|
</body></html>
|