---
title: "Platform icons"
description: "@sota/platform/icons exposes the stable icon names bundled for native apps: alert, check, chevronDown, chevronLeft, chevronRight, close, info, loading, search, settings, and war…"
url: "https://sotaagents.ai/manual/developer-guide/platform-icons"
generated_by: "sotaagents-ldp"
docs_index: "https://sotaagents.ai/manual/llms.txt"
locale: "en"
---

# 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.