@planningcenter/icons

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

Packages

• npm package (preferred)
• GitHub (experimental)

Helpers and Components

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

Development Scripts

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