React components for Dusk icons.

# npm
$ npm install dusk-react

# yarn
$ yarn add dusk-react

Import using object destructuring:

import { Safari } from 'dusk-react';

const Component = () => (
  <Safari />
);

Import an icon directly:

import Safari from 'dusk-react/dist/icons/safari';

const Component = () => (
  <Safari />
);

Import all of the icons:

import * dusk from 'dusk-react';

const Component = () => (
  <dusk.Safari />
);

The size, in pixels, of the icon. Applies to both the width and the height.

Background color of the icon.

Foreground color of the icon.

Secondary foreground color of the icon, if applicable.

import { Safari } from 'dusk-react';

const Component = () => (
  <Safari
    size={300}
    bg="blue"
    fg="#FFEFD5"
  />
);

The 1Password icon is exported as Password, because Javascript variable names cannot begin with a number.

• Dusk: simple, customizable macOS application icons