@aircall/icons

This package contains Tractor Design icons distributed as SVG React components.

🔖 Recipes

Adding a new icon

Perform the next steps to correctly add a new icon:

1. Ask the Design team for the icon's SVG file.
2. Include the SVG file in src/svgs and make sure the name follows the existing naming convention.
3. Open the SVG source code and confirm that it is using one of the following colors: #101820, #292F48 or #707479 on all coloring related attributes such fill and stroke. If not, replace the color value with one of the aforementioned values.
4. Run pnpm generate:icons and confirm that the icon component is then created in src/components.
5. To test your newly added icon run pnpm -- turbo run build --continue --filter=@aircall/icons then run pnpm sb:dev:tractor. You can now see your icon in the storybook's icons section.