---
title: "Platform icons"
description: "@sota/platform/icons expose các icon name ổn định: alert, check, chevronDown, chevronLeft, chevronRight, close, info, loading, search, settings, warning."
url: "https://sotaagents.ai/vi/manual/developer-guide/platform-icons"
generated_by: "sotaagents-ldp"
docs_index: "https://sotaagents.ai/manual/llms.txt"
locale: "vi"
---

# Platform icons

`@sota/platform/icons` expose các icon name ổn định: `alert`, `check`, `chevronDown`, `chevronLeft`, `chevronRight`, `close`, `info`, `loading`, `search`, `settings`, `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` nhận SVG attributes thông thường. Dùng `aria-hidden` khi text bên cạnh đã đặt tên; nếu icon đứng một mình thì truyền `aria-label`. Union tên icon đóng để TypeScript bắt tên không tồn tại trước deploy.