---
route: /components/icons
menu: Composition Components
---

import { Playground } from 'docz';
import { AvatarIcon, EmojiIcon, CommentIcon, ThumbsUpIcon, RepostIcon, Color } from './Icons';

# Icons

## AvatarIcon

<Playground>
  <AvatarIcon />
</Playground>

## EmojiIcon

<Playground>
  <EmojiIcon />
</Playground>

## RepostIcon Active

<Playground>
  <RepostIcon style={{ color: Color.Active }} />
</Playground>

## RepostIcon Inactive

<Playground>
  <RepostIcon style={{ color: Color.Inactive }} />
</Playground>

## CommentIcon Active

<Playground>
  <CommentIcon style={{ color: Color.Active }} />
</Playground>

## CommentIcon Inactive

<Playground>
  <CommentIcon style={{ color: Color.Inactive }} />
</Playground>

## ThumbsUpIcon Active

<Playground>
  <ThumbsUpIcon style={{ color: Color.Active }} />
</Playground>

## ThumbsUpIcon Inactive

<Playground>
  <ThumbsUpIcon style={{ color: Color.Inactive }} />
</Playground>