Vroxal Design Icons

Vroxal Design Icons is a scalable icon font package that ships generated fonts, CSS classes, and a JSON icon map.

Usage

Install:

npm install @vroxal/vd-icons

Include the generated CSS:

<link rel="stylesheet" href="node_modules/@vroxal/vd-icons/dist/vd-icon.css" />

Use icons with the base class and icon-specific class:

<i class="vd-icon vd-icon-home"></i> <i class="vd-icon vd-icon-user"></i>

You can also consume the JSON map programmatically:

import icons from "@vroxal/vd-icons/dist/vd-icon.json";

Package output:

• dist/fonts/ contains the generated woff2, woff, ttf, and eot files
• dist/vd-icon.css contains the icon font classes
• dist/vd-icon.json contains the icon-to-codepoint mapping