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: creates sprites/paths from SVGs & builds local documentation/reference page
• yarn start: opens local documentation/reference page
• yarn storybook: starts local Storybook instance
• yarn deploy: builds documentation and deploys to Github pages

Reference Guides

• Contributing
• Publishing