Javascript 如何将图像/svg图标插入到字幕中，而不是在聊天中插入文本？

我正在测试react svg雷达图表库，我想知道是否有某种方法可以使用图像或材质ui图标而不是文字作为标题？我试过这个：

const captions = {
    // columns
    battery: <InsertEmoticonIcon />,
    design: 'Design',
    useful: 'Usefulness',
    speed: 'Speed',
    weight: 'Weight'
};

const字幕={
//纵队
电池：，
设计：“设计”，
有用：“有用”，
速度：“速度”，
重量：“重量”
};

InsertEmoticonIcon是一个材质ui图标，但我的react应用程序中没有显示任何内容：

你知道如何做到这一点吗