New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@patternfly/react-icons

Package Overview
Dependencies
Maintainers
10
Versions
860
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@patternfly/react-icons

PatternFly 4 Icons as React Components

3.10.3
Source
npm
Version published
Weekly downloads
53K
8.34%
Maintainers
10
Weekly downloads
 
Created
Source

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

Keywords

react

FAQs

Package last updated on 20 Jun 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts