- ds
- Foundations
- Icons
Icons
153 diagram icons and the UI set, all on a 24 grid.
Icons are lucide (ISC licence) and lucide-style additions: a 24 unit grid, 2px stroke in diagrams and 1.75 in UI, round caps and joins, no fills. They inherit currentColor.
Needs a look
Code
<button class="btn"><svg class="i" viewBox="0 0 24 24" aria-hidden="true">…</svg>Export</button>
<button class="btn icon" aria-label="Search"><svg class="i" viewBox="0 0 24 24" aria-hidden="true">…</svg></button>Use .i (1rem) in controls and .i.lg (1.125rem) in toolbars. Icon-only buttons need an aria-label; the SVG gets aria-hidden="true".
Diagram icons
The 153 icons topo can put on a component, by group. Hover for the name you write after icon=.
AI 30
llm
agent
model
brain
prompt
chat
tool
embedding
vector
rag
gpu
memory
eval
finetune
training
inference
reranker
guardrail
ocr
speech
voice
vision
tokens
experiment
model-registry
features
web-search
assistant
mcp
research
Data 31
db
cache
table
warehouse
bucket
disk
stream
queue
topic
etl
search
file
lake
cylinder
spark
flink
airflow
iceberg
delta
snowflake
duckdb
trino
notebook
dataset
catalog
quality
cdc
lineage
merge
upload
kafka
Compute 17
server
vm
container
pod
pods
k8s
function
lambda
worker
cron
timer
job
code
terminal
api
service
orbit
Network 23
network
router
switch
lb
gateway
firewall
dns
internet
cdn
vpn
tunnel
radio
nat
region
cloud
cloud-ops
shuffle
route
wifi
antenna
satellite
serverless
multicloud
Datacenter 13
datacenter
pc-case
cooling
power
ups
temperature
cctv
siren
health
timeout
rack
gpu-card
spine-leaf
Security 8
shield
auth
lock
key
secrets
iam
identity
admin
Observability 9
metrics
monitor
logs
traces
alert
dashboard
radar
bug
eye
Clients 13
user
users
tenant
org
browser
mobile
desktop
email
webhook
send
inbox
payment
bank
Delivery 9
git
pr
ci
registry
deploy
config
plugin
event
settings