@brokerage_engine/icons

Brokerage Engine React icons based on Material Design Icons

npm i @brokerage_engine/icons

Usage

import React from "react";
import FlightsIcon from "@brokerage_engine/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 "@brokerage_engine/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