@dnanpm/icons/README.md

DNA Icons repository provides the set of icons used in various DNA projects. Icons are fetched directly from Figma, processed and published to NPM.

DNA Icons repository provides the set of icons used in various DNA projects. Icons are fetched directly from Figma, processed and published to NPM.

## Installation

Run install command in repository where DNA Icons should be added

```shell
npm install @dnanpm/icons
```

## Usage example

### React component

#### Standalone

```js
import { Warning } from '@dnanpm/icons';

const MyComponent = () => {
    return (
        <Warning />
    );
};

export default MyComponent;
```

#### With Styleguide Icon wrapper

```js
import { Warning } from '@dnanpm/icons';
import { Icon } from '@dnanpm/styleguide';

const MyComponent = () => {
    return (
        <Icon icon={Warning} />
    );
};

export default MyComponent;
```

### SVG Sprite

#### Asset

```js
import '@dnanpm/icons/sprite';
```

#### Javascript string

```js
import sprite from '@dnanpm/icons/spriteJs';

const parser = new DOMParser();
console.log(parser.parseFromString(sprite, "image/svg+xml"));
```