# Acrool Icon Symbols

<p align="center">
   Merge svg into svg symbols, and unpack svg symbols into individual svg
</p>

<div align="center">


[![NPM](https://img.shields.io/npm/v/@acrool/svg-symbols.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/svg-symbols)
[![npm](https://img.shields.io/bundlejs/size/@acrool/svg-symbols?style=for-the-badge)](https://github.com/acrool/@acrool/svg-symbols/blob/main/LICENSE)
[![npm](https://img.shields.io/npm/l/@acrool/svg-symbols?style=for-the-badge)](https://github.com/acrool/svg-symbols/blob/main/LICENSE)

[![npm downloads](https://img.shields.io/npm/dm/@acrool/svg-symbols.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/svg-symbols)
[![npm](https://img.shields.io/npm/dt/@acrool/svg-symbols.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/svg-symbols)

</div>

## Features

- Merge svg into svg symbols
- unpack svg symbols into individual svg
- Parse SVG content


## Install

```bash
yarn add @acrool/icon-symbols
```

## Use

```ts
import {decodeSvgPaths, decodeSymbols} from '@acrool/icon-symbols';

const fileContent = await fs.readFileSync(filePath);
const svg = decodeSvgPaths(fileContent.toString());

const symbols = decodeSymbols(fileContent.toString());

const newId = await this.iconSymbolService.create({
    code: file.filename.replace(/[ -]/g,'_').replace(/.svg$/,''),
    viewBox: svg.viewBox,
    content: svg.paths.join(''),
    iconDepotId,
    creatorId: currentMember.id,
});
```

## Document

- [acrool-icon-symbols build-symbols](./docs/build-symbols.md)
- [acrool-icon-symbols decode-iconfont](./docs/decode-iconfont.md)

## License

MIT © [Acrool](https://github.com/acrool) & [Imagine](https://github.com/imagine10255)