Overview

What is IcoGlyphs?

IcoGlyphs is an animated SVG icon system. Add a single script tag and start using icons immediately, or install via npm for bundler-based projects.

Ideographic system

Two words can point to nearly the same concept, so they share the same glyph. Today, "merge" and "union" render the same icon; if a more precise glyph is found for one of them, they'll diverge.

When using <icoglyph-svg use="...">, the keyword links to a concept, transcribed into a graphic notation, then into a sign - pick the most precise one.

Morph between any icon

Every icon can smoothly animate into any other icon. Swap the name and the transition happens automatically. No sprite sheets, no keyframes to write, no animation library needed.

How it works

Load a single script tag and use <icoglyph-svg> anywhere in your page. Morph animations work automatically, no configuration needed.

<script type="module" src="https://cdn.jsdelivr.net/npm/@icoglyphs/svg@0.6.2"></script>
<icoglyph-svg use="arrow-right"></icoglyph-svg>

For static contexts where JavaScript is unavailable (GitHub READMEs, emails), icons are also served as plain <img> tags, see Integration.

Alpha Status

IcoGlyphs is currently in v0-alpha. The CDN URLs and API may change between releases. Do not use in production without pinning to a specific bundle version.