Planning Center Icons

Accessible, scaleable, cacheable, and standard SVG icons for Planning Center apps

References

- Installation
- Usage
- Development Scripts
- Contributing
- Publishing
- Releases (changelog)
- Actions

Links

- Figma
- Storybook
- Docs/Reference

$3

- npm package (preferred)
- GitHub (experimental)

$3

- React — @planningcenter/symbol
- Rails — interfaces#planningcenter_svg_use_tag

Development Scripts

``bash
yarn build # Generate sprites/paths from SVGs & build reference page
yarn start # Build and serve local docs at http://localhost:1234
yarn test # Run Jest tests
yarn storybook # Start Storybook at http://localhost:6006
yarn deploy # Build everything and deploy to GitHub Pages
``

Reference Guides

- Contributing
- Publishing