Stria Icons Core

The Core assets package for Stria Icons.

Stria is a unified visual language of pixel-perfect SVG icons, built with absolute geometric precision and zero dependency bloat.

Contents

This package distributes:

• Raw and optimized SVGs: dist/svg/
• SVG Sprite sheets: dist/sprites/
• Webfonts (WOFF, WOFF2): dist/webfonts/
• CSS for Webfont and SVG Masking: dist/css/stria.css and dist/css/stria.min.css
• Lightweight self-executing vanilla JS replacer utility: dist/js/stria.js and dist/js/stria.min.js
• ES Modules and CommonJS bundles: dist/esm/ and dist/cjs/
• TypeScript definitions: dist/types/
• Complete metadata catalog: dist/icons.json

Installation

npm install stria-icons

Usage Examples

1. Plain HTML / Vanilla JS

Using the lightweight self-executing script (replacer utility):

<script src="https://cdn.jsdelivr.net/npm/stria-icons@latest/dist/js/stria.min.js"></script>

<!-- Add elements with the data-stria attribute -->
<i data-stria="user" data-stria-style="solid"></i>
<i data-stria="home" data-stria-style="regular"></i>

<script>
  stria.replace();
</script>

Using CSS Masking:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/stria-icons@latest/dist/css/stria.min.css">

<!-- Use the utility classes -->
<i class="stria-solid stria-user"></i>

Licenses

• Code (compiler toolchain, wrappers, build scripts): MIT License
• Icon designs (SVGs in /icons directory): CC BY 4.0