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.}

[![npm](https://img.shields.io/npm/v/iconly.svg?colorB=brightgreen)](https://www.npmjs.com/package/iconly) [![GitHub package version](https://img.shields.io/github/package-json/v/ux-ui-pro/iconly.svg)](https://github.com/ux-ui-pro/iconly) [![NPM Downloads](https://img.shields.io/npm/dm/iconly.svg?style=flat)](https://www.npmjs.org/package/iconly) ^{1.5kB gzipped} Demo

➤ **Install** ```console $ yarn add iconly ```
➤ **Import** ```javascript import Iconly from 'iconly'; ```
➤ **Usage** ```javascript const iconly = new Iconly({ file: './sprite.svg', version: '1.0', debug: true, }); iconly.init().then(() => console.log('Iconly is initialized and icons are loaded.')); ``` ```HTML ``` _{File with icons} ```HTML ```
➤ **Options** | Option | Type | Default | Description | |:-----------:|:-----------------------:|:---------------:|:--------------------------------------------------------------------------------------------------------| | `file` | `string` | `'./icons.svg'` | The URL of the SVG file containing the icons. | | `version` | `string` | `'1.0'` | The version of the icon set. | | `debug` | `boolean` | `false` | If `true`, debug information and errors will be logged to the console. | | `container` | `string \| HTMLElement` | `document.body` | The container element where the icons will be injected. Can be a CSS selector string or an HTMLElement. |
➤ **License** iconly is released under MIT license