Steps to contribute icons to grommet-icons
- Fork the grommet-icons project and clone.
- When adding new icons, export SVGs as stroke versions as opposed to outline. The SVG path should include
stroke="#000"
andstroke-width="2"
. - Add your raw svg files in this folder (use the other raw svgs as a reference on how to structure your file content and naming conventions).
- Run
yarn generate-icons
to generate the react components from the raw svg files from your grommet-icons fork. - Add exports of generated icon components in this file and the corresponding declarations for TypeScript in this file.
- Consider adding search metadata to this file to help finding your new icon.
- Run
yarn test-update
to recreate the test snapshot files. - Share with the community by submitting a PR.