Pathicons

Note: this repository is based on Figma Icon Automation.

Sync Figma icons with @pathwright/pathicons package:

Run yarn sync which will perform the following:

• Fetches latest icons from Figma and generates the icon components.
• If this results in changes to the /src/icons dir:
  • Updates the package.json version automatically.
  • Pushes a "pathicons updated" commit.

Development

fetch SVG file

Run yarn fetch to fetch SVG files from Figma file. This will pull your SVGs into ./src/svg/.

generate React components for icons

Run yarn generate to generate component files from SVG files. This will pull your component files into ./src/icons/.

Run the documentation app

cd pathicons-demo
yarn && yarn start

Figma

The icons Figma can be found here

Publishing to npm

From master, bump the package version and push. Github actions will automatically publish to npm.

View deployed documentation app at https://pathicons.vercel.app/