# loadIcons

**Repository Path**: mirrors_adobe/loadIcons

## Basic Information

- **Project Name**: loadIcons
- **Description**: Load SVG icon sprites safely and asynchronously
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# loadIcons
> Load SVG icon sprites safely and asynchronously

## Installation

```shell
npm install --save-dev loadicons
```

## Usage

Assuming you have a sprite sheet called `sprite.svg` that looks something like this:

```xml
<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="more" viewBox="0 0 36 36">
    <circle cx="18" cy="18" r="4.1"></circle>
    <circle cx="30" cy="18" r="4.1"></circle>
    <circle cx="6" cy="18" r="4.1"></circle>
  </symbol>
</svg>
```

You can load the sprite sheet with:

```js
const loadIcons = require('loadicons');
loadIcons('sprite.svg', function(err, svg) {
  if (err) {
    console.error('Everything failed because ' + error);
  }
  else {
    console.log('SVG loaded!', svg);
  }
});
```

Then, you can use loaded icons with `<use>`:

```html
<svg>
  <use xlink:href="#more" />
</svg>
```