乐闻世界logo
搜索文章和话题
React 科学合理使用 Icon

React 科学合理使用 Icon

乐闻的头像
乐闻

2022年06月18日 12:17· 阅读 1262

React 如何科学合理的使用 Icon

一、React 使用 IconPark

Icon park

Icon 列表

image-20210119150913225

依赖包安装

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 使用效果

image-20210119151222862

标签: