@dnanpm/icons

DNA图标寄存器提供了各种DNA项目中使用的一组图标. 图标直接取自Figma,经处理后公布给国家预防机制.

安装

在应添加DNA图标的仓库中运行安装命令

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;

SVG 样板

资产

import '@dnanpm/icons/sprite';

Javascript 字符串

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

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