la-icons

pcln-icons

Priceline React icons based on Material Design Icons

npm i pcln-icons

Usage

import React from 'react'
import FlightsIcon from 'pcln-icons/lib/Flights'
 
export default props =>
  <FlightsIcon
    mr={2}
    color='blue'
  />

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

For backwards compatibility, the Icon component can be used in the same way as in the Design System v1.

Note: The Icon component will be deprecated. Prefer using individual imports as shown above.

import React from 'react'
import Icon from 'pcln-icons'
 
export default props =>
  <Icon
    name='Flights'
    color='blue'
  />

Development

Custom icon SVGs are included in the svg/ directory.

To build the icons locally, run:

npm run prepare

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
lib/        Icon components compiled to commonjs format