PatternFly React icons

Jump to bottom

Evan edited this page Nov 11, 2021 · 2 revisions

PatternFly React icons

Continuation of process started in PatternFly Core repo; consumed & documented on the website through the PatternFly Org repo.

Workflow overview

Core icons run through the react-icons package where they are converted from JSON objects (with width, height, & svgPathData properties) into react components.

Workflow detailed breakdown

Src directory contains createIcon function which converts icon data (name, offset, height/width, svgpath) into a react component
Scripts directory processes & exports the icon files
- generateIcons combines Font Awesome, PatternFly, and a handful of additional custom icons into one object
- writeIcons exports files created for each icon
  - contains both the icon data and the react component of the icon made using the createIcon function mentioned above