# Icon

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Display SVG icons with consistent sizing and color in buttons, navigation, and content.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Package: `@snowui-design-system/components`. Import: `import { Icon } from '@snowui-design-system/components';`. Source fingerprint: `2a1443f9cb38dbe43d71b4a9a647ecb01dbadb1b8129e10ad5598d2bf13c3ace`.

## Usage choices

Use Icon as a consistent host for icons and their sizes. Prefer SnowUI resource icons. For an action, place the icon in Button and give the action an accessible name; do not present a decorative graphic as an action.

- Prefer a resource icon. children renders only when neither src nor the resolved icon matches.
- size can inherit parent size context. Use Badge as="badge" for a corner badge. Give the Button that owns an action its accessible name.
- Inside Accordion, Icon as="leading" inherits the Accordion icon size when size is omitted: 16/20/24 for sm/md/lg. Other Icons do not use this special inheritance, and an explicit size takes priority.

## Read as needed

- [API](https://snowui.dev/llms/en/components/icon/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/icon/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/icon/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/icon/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/icon/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/icon/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/icon/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)