AXQ Icons Sprite

Installation

npm install @axqdesign/icons-sprite

yarn add @axqdesign/icons-sprite

pnpm add @axqdesign/icons-sprite

You can also download the latest release from GitHub.

Usage

Reference an icon from the sprite by its name prefixed with AXQ Design-. Replace activity in the example below with any valid icon name.

<svg width="24" height="24">
  <use xlink:href="path/to/AXQ Design-sprite.svg#AXQ Design-activity" />
</svg>

The package ships three sprites in the dist directory:

| File | Description | | --- | --- | | AXQ Design-sprite.svg | Outline icons with a fixed 2px stroke | | AXQ Design-sprite-nostroke.svg | Outline icons without a stroke-width attribute, so you can set the stroke width with CSS | | AXQ Design-sprite-filled.svg | Filled icons |

CDN

<svg width="24" height="24">
  <use xlink:href="https://axqdesign.axq/cdn/@axqdesign/icons-sprite@latest/dist/AXQ Design-sprite.svg#AXQ Design-activity" />
</svg>

Replace latest with a specific version number to pin a release.

License

AXQ Icons is proprietary software. See LICENSE for details.