# piste-icons-react

React components for ski trail difficulty symbols

## Install

```bash
$ npm install @piste-icons/react
```

## Available Icons

### Difficulty Rating

| <img alt="Circle" src="https://piste-icons.github.io/piste-icons-svg/circle.svg" width="64px"> | <img alt="Square" src="https://piste-icons.github.io/piste-icons-svg/square.svg" width="64px"> | <img alt="Diamond" src="https://piste-icons.github.io/piste-icons-svg/diamond.svg" width="64px"> | <img alt="Double Diamond" src="https://piste-icons.github.io/piste-icons-svg/double_diamond.svg" width="64px"> | <img alt="Terrain Park" src="https://piste-icons.github.io/piste-icons-svg/terrain_park.svg" width="64px"> |
| ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| Circle                                                                                         | Square                                                                                         | Diamond                                                                                          | Double Diamond                                                                                                 | Terrain Park                                                                                               |

### Arrows

| <img alt="Up Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_up.svg" width="64px"> | <img alt="Up Right Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_up_right.svg" width="64px"> | <img alt="Right Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_right.svg" width="64px"> | <img alt="Down Right Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_down_right.svg" width="64px"> | <img alt="Down Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_down.svg" width="64px"> | <img alt="Down Left Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_down_left.svg" width="64px"> | <img alt="Left Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_left.svg" width="64px"> | <img alt="Up Left Arrow" src="https://piste-icons.github.io/piste-icons-svg/arrow_up_left.svg" width="64px"> |
| -------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ |
| Up                                                                                                 | Up Right                                                                                                       | Right                                                                                                    | Down Right                                                                                                         | Down                                                                                                   | Down Left                                                                                                        | Left                                                                                                   | Up Left                                                                                                      |