Skip to content

@planningcenter Planning Center

icons 15.1.0

Install from the command line:
Learn more about npm packages
$ npm install @planningcenter/icons@15.1.0
Install via package.json:
"@planningcenter/icons": "15.1.0"

About this version

Planning Center Icons

Planning Center Icons logo

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

References

Links

Packages

Helpers and Components

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

Contributing

How to add a new icon:

1️⃣ Add new svg file

Example:

  • Icon: general#circle
  • Directory: circle.svg in svg/general

2️⃣ Add icon definition to Storybook manifest (src/stories/icons/)

Example:

  • Add "circle" to src/stories/icons/general.js

update-storybook-manifest

3️⃣ Run yarn build and commit changes

commit-changes

4️⃣ Publish branch & create pull request

5️⃣ Add changes to the CHANGELOG under Unreleased

update-changelog

Details

Assets

  • icons-15.1.0.tgz

Download activity

  • Total downloads 0
  • Last 30 days 0
  • Last week 0
  • Today 0

Recent versions

View all