iconly

iconly

The Iconly class is designed to manage icons in a web application

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

_icons.svg

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