React 端使用说明:

  1. yarn add @mtjs/icons

Basic Usage

  1. import HomeOutlined from '@ant-design/icons/HomeOutlined';
  2. import { HomeOutlined } from '@ant-design/icons';
  3. import HeartFilled from '@ant-design/icons/HeartFilled';
  4. import CircleOfFriendsTwoTone from '@ant-design/icons/CircleOfFriendsTwoTone';
  5. import { HeartFilled, CircleOfFriendsTwoTone } from '@ant-design/icons';

app-web 项目使用举例

  1. import { HomeOutlined, SyncOutlined, HeartOutlined, AttentionFilled, CheckCircleTwoTone, CircleOfFriendsTwoTone, FireFilled } from '@mtjs/icons';
  2. <div className="aaa">
  3. <HomeOutlined className="c-success" />
  4. <SyncOutlined spin />
  5. <HeartOutlined spin />
  6. <HeartOutlined />
  7. <CheckCircleTwoTone />
  8. <CircleOfFriendsTwoTone />
  9. <AttentionFilled className="c-warn" />
  10. <FireFilled className="c-error" />
  11. </div>

增加 spin 属性 将旋转

所有 icon 所在地址

https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.12&manage_type=myprojects&projectId=2034412

注:请登录自己的 iconfont 账号,在我的项目中找到 common-icons 项目,如果缺少这个项目的权限,请联系设计师加入这个项目

图标对应使用举例

iconfont 中 图标名称 项目中使用时具体名称 类型 分类
home HomeOutlined outlined 线框
heart HeartOutlined outlined 线框
consult ConsultOutlined outlined 线框
heart-fill HeartFilled fill 相对实心
user-fill UserFilled fill 相对实心
circle-of-friends CircleOfFriendsTwoTone TowTone 多色
check-circle CheckCircleTwoTone TowTone 多色

文档更新时间: 2020-09-08 18:18