duodealer-icons

Duo Dealer React icons based on Material Design Icons

Usage no npm install needed!

<script type="module">
  import duodealerIcons from 'https://cdn.skypack.dev/duodealer-icons';
</script>

README

duodealer-icons

Duo Dealer React icons based on Material Design Icons

Usage

import React from 'react'
import FlightsIcon from 'duodealer-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