Glyph library

Every available DSIcon name. Glyphs use stroke-only SVG paths at 24×24, drawn with currentColor — they inherit the surrounding text colour. Reach for the boxed treatment below whenever the icon needs to stand on its own.

arrow-right
arrow-left
close
check
star
sparkle
trash
download
plus
document
upload
alert
mail
lock
shield
log-out
menu
panel-left-close

Boxed treatment

Icons appear inside a rounded square — solid accent background, white knockout glyph. Use this treatment whenever an icon represents an action, status, or information card. Sizes: sm (1.5rem · status indicators), md (2.5rem · trust rows, list leads), lg (4rem · empty states, hero treatments).

Sizes
sm
md
lg
Status accents
success
warning
error
info
accent
Marketing accents
wine
cognac
marigold
olive
teal
royal
navy
violet
sienna
forest

In context

DSIconBox composes with surfaces — trust rows, list leads, and inline status indicators. The background colour carries meaning; the white knockout keeps the glyph legible at every size.

Trust row
  • Your data stays yours

    Career history is private by default — you choose what each resume sends.

  • JSON Resume native

    Import, export, and round-trip the open spec without lock-in.

  • Assistant in the loop

    Tighten phrasing, catch gaps, and lift weak highlights in one pass.

List row with leading icon
  • Senior PM resume
    Updated 2 days ago
  • Outreach to Stripe
    Sent yesterday
  • Quantify highlights
    Done · 12 of 12
Status indicator (sm)
  • Format simplicity passes
  • Keyword density needs 6 more
  • No projects section detected