DNA Icons repository provides the set of icons used in various DNA projects. Icons are fetched directly from Figma, processed and published to NPM.
npm install @dnanpm/iconsDNA Icons repository provides the set of icons used in various DNA projects. Icons are fetched directly from Figma, processed and published to NPM.
Run install command in repository where DNA Icons should be added
``shell`
npm install @dnanpm/icons
#### Standalone
`js
import { Warning } from '@dnanpm/icons';
const MyComponent = () => {
return (
);
};
export default MyComponent;
`
#### With Styleguide Icon wrapper
`js
import { Warning } from '@dnanpm/icons';
import { Icon } from '@dnanpm/styleguide';
const MyComponent = () => {
return (
);
};
export default MyComponent;
`
#### 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"));
``