src/components/MonitorIcon/index.js

import React from 'react';
import { Icon, Tooltip } from 'antd';
import strToColor from '../../utils/strToColor';
import './index.less';

const MonitorIcon = ({ children }) => (
    <Tooltip title={children}>
        <Icon className="monitor-icon" type="database" style={{ color: strToColor(children) }} />
    </Tooltip>
);

export default MonitorIcon;