Skip to content

How to add an icon

Marco Brack edited this page Aug 12, 2021 · 3 revisions
  1. Add your icon to the IconLibrary file

    • Remove all unnecessary html attributes from the <path> (e.g. id)
  2. Run yarn build:icon and then yarn storybook to check that the icon appears as expected locally

    • build:icon which creates the icon file using the script in generateIcons.ts

    • The new Icon will be automatically exported at src/index.ts, please remember to commit that line of code change in your PR.

    • Check if the svg content is centered.

      • correct sample:

      Screen Shot 2020-07-06 at 3 45 09 PM

      • wrong sample:

      Screen Shot 2020-07-06 at 3 40 04 PM

  3. Follow the How to Contribute section

Clone this wiki locally