Getting Started

CDN (no install)

No build step, no package to install, no authentication. Delivered via jsDelivr - versioned, works in sandboxed environments (CodePen, JSFiddle, etc.), safe for production.

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

<icoglyph-svg use="arrow-right"></icoglyph-svg>
<icoglyph-svg use="yes"></icoglyph-svg>

The bundle is ~6 KB gzipped. Targets ES2015: Chrome 67+, Firefox 63+, Safari 10.1+, Edge 79+. No polyfills required. Browse all icons in the icon catalog.

npm

For bundler-based projects (Vite, Webpack, etc.), install the package from npm.

npm install @icoglyphs/svg

Then import it once in your entry file:

import '@icoglyphs/svg';

The custom element <icoglyph-svg> is registered globally and ready to use anywhere in your app.

Official CDN

An official CDN is available at cdn.icoglyphs.com. It always serves the latest build - no versioning, no pinning.

<script type="module" src="https://cdn.icoglyphs.com/v0/svg.js"></script>

<icoglyph-svg use="arrow-right"></icoglyph-svg>

IcoGlyphs is currently in alpha. This URL is not recommended for production yet - it will be once the CDN reaches a stable release. Join the Discord to stay updated.