Pcln-icons NPM

pcln-icons

Priceline React icons based on Material Design Icons

npm i pcln-icons

Usage

import React from 'react'
import { Flights as FlightsIcon } from 'pcln-icons'

export default (props) => <FlightsIcon mr={2} />

For a complete list of all icons, see: the iconography docs

BREAKING CHANGE: The Icon component has been removed from core (pcln-design-system) in v3.0.0. The optimal approach is to use named imports from pcln-icons. If you need an <Icon> component that supports a name prop, you can use:

import React from 'react'
import { Icon } from 'pcln-icons'

export default (props) => <Icon name={iconName} mr={2} />

Note: Exports from pcln-icons rely on values from theme, so they must be descendents of <ThemeProvider> in order to work properly. Otherwise, you might experience errors like this:

Uncaught TypeError: Cannot read property '3' of undefined

Development

Custom icon SVGs are included in the svg/ directory.

To build the icons locally, run:

rushx build

Run tests:

npm test

Directory Structure

svg/        Source for custom SVG icons
src/        Source for wrapper Icon component
components/ React components for icons
test/       Unit tests

core-js @styled-system/theme-get lodash.upperfirst prop-types styled-system

@infinitebrahmanuniverse/nolb-pc @everything-registry/sub-chunk-2420 pcln-docs-utils rasatech-design-system

9 months ago

9 months ago

9 months ago

5 months ago

6 months ago

9 months ago

9 months ago

11 months ago

11 months ago

10 months ago

11 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4.8.1-beta-toggle-name.0

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago