Icon

The inline SVG icon set.

A small, token-sized SVG icon set (stroke icons drawn from a fixed `name` map). Decorative by default; pass `title` to expose an accessible name.

Demo

Demo loads from http://localhost:6006. Run pnpm storybook for it to render locally.

svelte

<script>
  import { Icon } from 'dssoca';
</script>

<Icon name="activity" />
<Icon name="settings" title="Settings" />

Prop	Type	Default	Description
`name`	`IconName`	—	Required. Which glyph to render (e.g. grid, activity, terminal).
`size`	`'sm' \| 'md' \| 'lg'`	—	Per-instance size override; inherits the ancestor `data-size-variant` when unset.
`px`	`number`	—	Explicit pixel size; overrides the size axis.
`title`	`string`	—	Accessible name; when set the icon gets role="img". Omit for decorative icons (aria-hidden).
`class`	`string`	`''`	Extra class on the root svg.