把iconfont图标转化为antd的Icon图标

icon.js

import React, { Component } from 'react';
import Icon from '@ant-design/icons';

const warn = () => (
    <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024" version="1.1">
        <path d="M463.46 511.85A47.88 47.88 0 1 0 511.33 464a47.92 47.92 0 0 0-47.87 47.85z" />
        <path
            d="M511.33 511.85c-16.63 0-30.12-13-30.12-29V93.18c0-16 13.49-29 30.12-29s30.12 13 30.12 29v389.71c0 15.99-13.45 28.96-30.12 28.96z"
            p-id="2057"
        />
        <path
            d="M619.27 507.84c0.05 1.34 0.17 2.66 0.17 4a108.11 108.11 0 1 1-188.9-71.51V319.74c-75 31.64-127.77 105.77-127.77 192.11 0 115 93.56 208.56 208.56 208.56s208.56-93.56 208.56-208.56a209.55 209.55 0 0 0-8-57.48z"
            p-id="2058"
        />
        <path
            d="M922 333.05l-156.8 90.53a268.37 268.37 0 0 1 14.92 88.27c0 148.21-120.58 268.8-268.8 268.8s-268.8-120.59-268.8-268.8c0-120.07 79.16-221.94 188-256.33V71a448.86 448.86 0 0 0-93.73 27.83C109.07 195.06 2.09 458.63 98.32 686.37s359.8 334.73 587.54 238.49 334.72-359.8 238.49-587.53a29.89 29.89 0 0 0-2.35-4.28z"
            p-id="2059"
        />
    </svg>
);

export const Warn = (props) => <Icon component={warn} {...props} />;

menu.jsx

import { Warn, JobManage, Circyl, Event, SystemSet } from './icon';
{
            title: '首页',
            icon: <HomeOutlined />,
            path: '/home',
            key: 'home'
  },