Getting Started

CDN (no install)

No build step, no package to install, no authentication. Add the script once and use <icoglyph-svg> anywhere in your page.

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

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

The bundle is ~26 KB gzipped and loaded as an ES module. 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.

jsDelivr

Load the package directly from jsDelivr as an ES module. Ideal for sandboxed environments (CodePen, JSFiddle, LLM artifacts, etc.).

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

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