Platform icons

@sota/platform/icons exposes the stable icon names bundled for native apps: alert, check, chevronDown, chevronLeft, chevronRight, close, info, loading, search, settings, and warning.

TSX

import { Icon, PLATFORM_ICON_NAMES, type IconName } from '@sota/platform/icons';

export function StatusIcon({ name, label }: { name: IconName; label: string }) {
  return (
    <span>
      <Icon name={name} size={16} strokeWidth={2} aria-hidden />
      <span>{label}</span>
    </span>
  );
}

console.log(PLATFORM_ICON_NAMES);

Icon also accepts normal SVG attributes. Use aria-hidden when adjacent text supplies the name; otherwise pass an accessible aria-label. The icon-name union is intentionally closed, so TypeScript catches unavailable names before deploy.