Askr
UI & Components

Lucide Gallery

Search every icon exported by @askrjs/lucide 0.0.4. Import the selected component by name and give icon-only controls an accessible label.

  • @askrjs/lucide0.0.4

Direct icon imports

Import named icons from @askrjs/lucide. Keep the icon decorative when nearby text names the action; otherwise label the interactive control.

import { SearchIcon } from '@askrjs/lucide';

<button type="button" aria-label="Search">
  <SearchIcon size={18} aria-hidden="true" />
</button>

Sizing and stroke

Set a consistent size at the owning control or layout boundary. Preserve the default stroke unless your application theme intentionally defines another icon weight.

Accessibility