Download

Three Ways To Get Icon Fonts

1. Include Via CDN

Choose which pre-built collection best suits you.

Woff is the the most used font file, so it is used for benchmarking file sizes.

<!-- complete icon collection -->
<link rel="stylesheet" href="https://cdn.wolterskluwer.io/wk-icons/0.2.x/wk-icons-all-open.min.css"/>
<link rel="stylesheet" href="https://cdn.wolterskluwer.io/wk-icons/0.2.x/wk-icons-all-filled.min.css"/>

<!-- typical set -->
<link rel="stylesheet" href="https://cdn.wolterskluwer.io/wk-icons/0.2.x/wk-icons-typical-open.min.css"/>
<link rel="stylesheet" href="https://cdn.wolterskluwer.io/wk-icons/0.2.x/wk-icons-typical-filled.min.css"/>

2. Customize And Download Your Icon Font

Choose the icons you want and give it a name.

You will need to create a font face and base styles to accompany your icon codes and font files. See this section.

3. Include Via Package Manager

With minimal setup, you can ensure application stability and complete custimization by using a package manager.

Use either NPM or Bower to download the icon fonts for inclusion in your project directly.

NPM

1. Register for the private Wolters Kluwer NPM registry (requires NA account).
2. Follow the instructions for adding a .npmrc file to your project.
3. Add the dependency in your project’s package.json e.g."wk-icons": "^0.2.1".
4. npm install as you normally would.

Bower

1. Register for the private Wolters Kluwer bower registry (requires NA account).
2. Follow the instructions for adding a .bowerrc file to your project.
3. Add the dependency in your project’s bower.json e.g."wk-icons": "^0.2.1".
4. bower install as you normally would.

Source SVGs

Zip archives containing all SVGs - for designers and creating mockups.