iconly

iconly

^{Iconly is designed to load and cache SVG icons in the browser, using IndexedDB to store the data. It retrieves the icons from a given SVG file, stores them in IndexedDB, and inserts them into the DOM for easy access and use.}

^{1kB gzipped}

Demo

➤ Installation

$ yarn add iconly

➤ Import

import Iconly from 'iconly';

const iconly = new Iconly({
  file: './sprite.svg',
  version: '1.0',
  debug: true,
});

iconly.init().then(() => console.log('Iconly is initialized and icons are loaded.'));

➤ File with icons

<svg>
  <symbol id="icon-one" viewBox="0 0 100 100">
    <path ... />
  </symbol>
  <symbol id="icon-two" viewBox="0 0 100 100">
    <path ... />
  </symbol>
  ...
</svg>

➤ Usage

<svg>
  <use href="#icon-name"></use>
</svg>

➤ License

iconly is released under MIT license