CORE Icons are Procore's icon font and stylesheet

Usage

Method 1

Load CORE Icons from Core React (recommended)

If you are using Core React, SVG icons are already included. No steps necessary.

Method 2

Load CORE Icons from a CDN

The benefit of this approach is simplicity, and the benefits that come from using our CDN (caching, SSL, etc).

Loading a specific version

OR loading latest (not recommended, can introduce breaking changes)

Method 3

Installing from NPM*

Alternatively, it is also possible to install and import

*Notes

1. Due to the way node-sass and sass-loader handle relative urls, it may be necessary to include webpack configuration like file-loader and resolve-url-loader in your Webpack config.

2. A potential downside to this approach is that if each client consuming this module has its own Webpack config, there is no simple way to reconcile all of these assets. This means that each client will be serving up its own duplicate of the css and @font-face assets.