# @planningcenter/icons

> Planning Center Icons

Latest version **15.33.0** (published 2026-09-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @planningcenter/icons
pnpm add @planningcenter/icons
yarn add @planningcenter/icons
bun add @planningcenter/icons
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 15.33.0 |
| Published | 2026-09-17 |
| First published | 2018-04-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 3.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Frontend Systems Engineering |
| Maintainers | jonsuh, keola, kylemellander, timmorgan, danott |

## Links

- npm: https://www.npmjs.com/package/@planningcenter/icons
- Repository: https://github.com/planningcenter/icons
- Homepage: https://github.com/planningcenter/icons#readme
- Issues: https://github.com/planningcenter/icons/issues
- npm.io page: https://npm.io/package/@planningcenter/icons

## Dependencies (1)

- [lodash.uniqueid](https://npm.io/package/lodash.uniqueid.md) ^4.0.1

## Recent versions

- 15.33.0 (latest) — 2026-09-17
- 15.32.0-rc.0 (next) — 2026-06-08
- 15.32.3 — 2026-08-11
- 15.32.2 — 2026-07-02
- 15.32.1 — 2026-06-15
- 15.32.0 — 2026-06-15
- 15.31.1 — 2026-06-01
- 15.31.0 — 2026-04-16
- 15.31.0-rc.0 — 2026-04-16
- 15.30.0-qa-355.0 — 2026-04-16
- 15.30.0 — 2026-03-19
- 15.29.1 — 2026-02-05
- 15.29.0 — 2026-02-03
- 15.29.0-rc.1 — 2026-02-03
- 15.28.0-qa-329.1 — 2026-02-03
- … 324 more at https://npm.io/package/@planningcenter/icons/versions

## README

# Planning Center Icons
Accessible, scaleable, cacheable, and standard SVG icons for [Planning Center](https://planning.center) apps


## References

- [Installation](./docs/INSTALLATION.md)
- [Usage](./docs/USAGE.md)
- [Development Scripts](#development-scripts)
- [Contributing](./docs/CONTRIBUTING.md)
- [Publishing](./docs/PUBLISHING.md)
- [Releases (changelog)](https://github.com/planningcenter/icons/releases)
- [Actions](https://github.com/planningcenter/icons/actions)

## Links

- [Figma](https://www.figma.com/file/5WSYCrTtlQvFeOUZoakwR4/Icons)
- [Storybook](https://planningcenter.github.io/icons/)
- [Docs/Reference](https://planningcenter.github.io/icons/docs/)

### Packages

  - [npm package (preferred)](https://www.npmjs.com/package/@planningcenter/icons)
  - [GitHub (experimental)](https://github.com/planningcenter/icons/packages/167210)

### Helpers and Components

  - [React — @planningcenter/symbol](https://www.npmjs.com/package/@planningcenter/symbol)
  - [Rails — interfaces#planningcenter_svg_use_tag](https://github.com/ministrycentered/interfaces/blob/master/app/helpers/interfaces/application_helper.rb#L19-L64)

# 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](./docs/CONTRIBUTING.md)
- [Publishing](./docs/PUBLISHING.md)

---
_Source: https://npm.io/package/@planningcenter/icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._