@dnanpm/icons

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

npm install @dnanpm/icons

Usage example

React component

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

interface Props {
    myProp?: string;
}

const MyComponent = ({
    myProp,
}: Props) => {
    // foo/bar/baz

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

export default MyComponent;

SVG Sprite

Asset

import '@dnanpm/icons/sprite';

Javascript

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

// Will log spritesheet as string
console.log(sprite);