Need private packages and team management tools?Check out npm Teams »

@patternfly/react-icons

3.10.14 • Public • Published

@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:

Prop Description Default
color Color of the icon (e.g. red, white, #c3ee) 'currentColor'
size Size of the icon. There are 4 different sizes: sm, md, lg and xl sm
title Label of the icon null

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'}
  }
}

Install

npm i @patternfly/[email protected]

Version

3.10.14

License

MIT

Unpacked Size

10.6 MB

Total Files

11445

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar