Render an icon from our [icon library](#/Tokens/Icons).
<br /><br />

### Examples

#### Size
Icons are rendered at 24x24 by default, but in some instances you may need a smaller or larger option.

**Small**
```
<CKIcon size="sm" name="magic-wand" />
```

**Medium (Default)**
```
<CKIcon size="md" name="magic-wand" />
```

**Large**
```
<CKIcon size="lg" name="magic-wand" />
```

#### Color
Color is inherited from the closest parent's text-color. If you want to change it specific to the icon, you can apply a `text-` tailwind class.

```
<CKIcon name="magic-wand" className="text-red-500" />
```

### Resources
- [Icon library](#/Tokens/Icons)
- [Figma](https://www.figma.com/file/BmneXmVRCUSIZjbYPkSP0W/1.-CK-Shared-Design-System?node-id=356%3A98)
