DNA 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
npm install @dnanpm/icons
import { Warning } from '@dnanpm/icons';
const MyComponent = () => {
return (
<Warning />
);
};
export default MyComponent;
import { Warning } from '@dnanpm/icons';
import { Icon } from '@dnanpm/styleguide';
const MyComponent = () => {
return (
<Icon icon={Warning} />
);
};
export default MyComponent;
import '@dnanpm/icons/sprite';
import sprite from '@dnanpm/icons/spriteJs';
const parser = new DOMParser();
console.log(parser.parseFromString(sprite, "image/svg+xml"));