Icons
Lucide, flags, brands and tech icons are available with a single API. Use only the icon name: <DsIcon name="user" />. For flags, use <DsIcon name="flag-fr" />. For brands and tech, use <DsIcon name="si:github" /> and <DsIcon name="devicon:vuejs" />.
Playground
Controls
Example: "user", "flag-fr", "si:github", "devicon:vuejs".
Token size.
Design-system semantic tone.
Hide icon from assistive tech when purely visual.
Search icon