▲ Back to top

Download

We’re close to releasing version 1.0, but this is an experimental release. User beware: there may be some changes in filenames and content.

Icon Fonts for Your Web Application

1. Include Via CDN

No installation required, just reference one or both icon fonts in the <head>…

<!-- Just the default (open) states: .wk-icon-x -->
<link rel="stylesheet" href="//cdn.wolterskluwer.io/wk-icons/0.1.x/wk-icons.min.css"/>
<!-- Just the filled states: .wk-icon-filled-x -->
<link rel="stylesheet" href="//cdn.wolterskluwer.io/wk-icons/0.1.x/wk-icons-filled.min.css"/>

For the curious, non-minified versions of the default icons and filled icons are published too. You may wish to see the hex codes or base styles in a human readable format.

2. 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 logo assets 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.1.0".
  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.1.0".
  4. bower install as you normally would.
Windows users seeing the Filename too long error when installing with bower should run the following git command: git config core.longpaths true

Source SVGs

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

Open icons (zip)Filled icons (zip)