ParallelUI Icons

A web icon font library used by the Parallel UI ecosystem. Artwork lives as SVGs in raw-svg/, is built with Fantasticon, and ships as CSS plus font files (TTF, WOFF, WOFF2, EOT, and SVG font), with the pi class prefix.

There are 260 icons today (UI, arrows, files, social, commerce, media, and more).

Repository layout

| Path | Description | |------|-------------| | raw-svg/ | Source of truth: one .svg per icon (filename = icon name). | | fonts/ | Generated output: parallel-ui-icons.css, font binaries, and helpers (html, json). | | fantasticon.config.json | Build settings (prefix pi, directories, formats). | | site-doc/ | Static gallery not published to npm: search, category filters, light/dark theme, copy class name. | | selection.json | IcoMoon export (metadata / selection history); also omitted from the published package. |

package.json exposes the stylesheet entry at fonts/parallel-ui-icons.css so @font-face URLs resolve correctly next to the font files.

Install

npm install @qius.solutions/parallel-ui-icons

• GitHub repository
• npm package

Usage

1. Stylesheet (CDN or HTML)

<link rel="stylesheet" href="https://unpkg.com/@qius.solutions/parallel-ui-icons/fonts/parallel-ui-icons.css">

2. Markup

Use any element with classes pi and pi-<icon-name> (the name matches the file in raw-svg/, e.g. home → pi-home):

<i class="pi pi-home" aria-hidden="true"></i>

3. Bundler (CSS import)

import '@qius.solutions/parallel-ui-icons/fonts/parallel-ui-icons.css';

Icon size follows the element’s font-size (or the parent’s), like any font glyph.

Development and rebuilding the font

Requirements: Node.js and npm.

npm install
npm run build:icons

This runs Fantasticon with fantasticon.config.json, reads ./raw-svg, and refreshes ./fonts (parallel-ui-icons.*).

To preview the local gallery, serve the repository root with a static server (so site-doc/index.html can resolve ../fonts/parallel-ui-icons.css), for example:

npx serve .

Then open /site-doc/index.html in the browser.

License

MIT