React 科学合理使用 Icon

React 如何科学合理的使用 Icon

一、React 使用 IconPark

Icon park

Icon 列表

依赖包安装

npm install @icon-park/react

Icon 组件使用

javascript
import React, { Component } from 'react';
import {
  Shield
} from '@icon-park/react';

export default class Icon extends Component {
  render() {
    return (
      <div>
        <Shield
          theme="outline"
          size="28"
          fill="#333"
          strokeWidth={3}
          strokeLinejoin="miter"
          strokeLinecap="square"
        />
      </div>
    );
  }
}

Icon 使用效果