UNPKG

@piste-icons/react

Version:

React components for ski trail difficulty symbols

github.com/piste-icons/piste-icons-react

piste-icons/piste-icons-react

24 lines (15 loc) • 4.37 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# 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 |