> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cskn.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Icons

> A curated set of about 100 SVG icons that follow the current text color.

```tsx theme={null}
import { Icon } from '@cskn/ui';

<Icon name="heart-filled" size={20} />
<span style={{ color: 'var(--cskn-color-danger)' }}><Icon name="trash" /></span>
```

Icons draw in `currentColor`, so they take the color of the surrounding text. `size` sets width and height in px; any other SVG attribute is passed through. `iconNames` exports the full list, and `IconName` is the TypeScript union.

## Available icons

**Navigation and actions**
`chevron-left` `chevron-right` `chevron-up` `chevron-down` `arrow-left` `arrow-right` `close` `check` `plus` `minus` `menu` `search` `filter` `more-horizontal` `more-vertical` `refresh` `maximize` `minimize` `external-link` `link` `log-out`

**Objects and content**
`home` `settings` `sliders` `user` `users` `bell` `image` `camera` `video` `mic` `book` `bookmark` `bookmark-filled` `folder` `file` `calendar` `clock` `mail` `phone` `message` `send` `globe` `map-pin` `tag` `flag` `grid` `list` `copy` `clipboard` `save` `edit` `trash` `share` `download` `upload` `lock` `unlock` `eye` `eye-off` `shield` `zap` `wifi` `sun` `moon` `volume` `volume-off` `play` `pause`

**Status and feedback**
`info` `alert` `check-circle` `x-circle` `plus-circle` `minus-circle` `heart` `heart-filled` `star` `star-filled` `thumbs-up` `thumbs-down` `trending-up`

**Commerce and payments**
`shopping-cart` `shopping-bag` `credit-card` `wallet` `coins` `visa` `mastercard` `paypal` `stripe`

**Crypto**
`bitcoin` `ethereum` `solana` `usdc` `binance`

**Brands and social**
`apple` `google` `github` `x-twitter` `linkedin` `instagram` `youtube` `discord` `telegram`

<Note>
  The native header (`setHeader`, `NativeHeader`) uses [Ionicons](https://ionic.io/ionicons) names such as `share-outline`, not these names. `NativeHeader` maps common ones to this set when it falls back to the in-page header.
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.