Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

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
Clone this wiki locally
Morty Proxy This is a proxified and sanitized view of the page, visit original site.