7.0.0 • Published 5 years ago

@redallen-patternfly/react-icons v7.0.0

Weekly downloads
1
License
Apache-2.0
Repository
github
Last release
5 years ago

@patternfly/react-icons

PatternFly 4 Icons as React Components.

Usage

import React from 'react';
import { TimesIcon } from '@patternfly/react-icons';

const closeIcon = <TimesIcon />;

For a list of the available icons please refer to the PatternFly React Docs

Every icon component has the following props:

PropDescriptionDefault
colorColor of the icon (e.g. red, white, #c3ee)'currentColor'
sizeSize of the icon. There are 4 different sizes: sm, md, lg and xlsm
titleLabel of the iconnull

Adding Icons

Icons for this package are generated from the @fortawesome/free-solid-svg-icons package. To add more to what is generated, modify the icons.js file in the build folder.

If you have some custom icon defined by svg path the best way to add such icon to this repository is to add it's path definition in pfIcons.js file in the build folder.

module.exports = {
  pfIcons: {
    // ... other icon defintions
    bigPlus: {width: 1024, height: 1024, svgPathData: 'M2 1 h1 v1 h1 v1 h-1 v1 h-1 v-1 h-1 v-1 h1 z'}
  }
}