# Yoga Icons

<p style="float: left;">
  <img src="./src/svg/star.svg" alt="Star" title="Star" width="12"  />
  <img src="./src/svg/building.svg" alt="building" title="building" width="12"  />
  <img src="./src/svg/clock.svg" alt="clock" title="clock" width="12"  />
  <img src="./src/svg/triangle_alert.svg" alt="triangle_alert" title="triangle_alert" width="12"  />
  <img src="./src/svg/close.svg" alt="triangle_alert" title="triangle_alert" width="12"  />
  <img src="./src/svg/visibility.svg" alt="triangle_alert" title="triangle_alert" width="12"  />
  <img src="./src/svg/visibility_off.svg" alt="triangle_alert" title="triangle_alert" width="12"  />
  <img src="./src/svg/arrow_down.svg" alt="arrow_down" title="arrow_down" width="12"  />
  <img src="./src/svg/youtube.svg" alt="youtube" title="youtube" width="12"  />
</p>

## Instalation

```
yarn add @gympass/yoga-icons
```

`@gympass/yoga-icons` is a pacakge containing all icons used in `@gympass/yoga` package.

### React native

To use in `react-native` make sure you have installed [react-native-svg](https://github.com/react-native-community/react-native-svg).

## Usage

Icon works out of the box for both platforms.

```
import { Star } from '@gympass/yoga-icons';

export default () => <Star fill="#f01 />;
```

Here you can check an example in [web](https://gympass.github.io/yoga/components/icons#web) and [native](https://gympass.github.io/yoga/components/icons#native) platforms.