Skip to content

PatternFly React icons

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