我是材料ui的新手,现在我的图标和文本未对齐:

我想要的结果:

我的代码是:
<div style={{
display: 'inline-flex',
VerticalAlign: 'text-bottom',
BoxSizing: 'inherit',
textAlign: 'center',
AlignItems: 'center'
}}>
<LinkIcon className={classes.linkIcon} />
revolve
</div>
Run Code Online (Sandbox Code Playgroud)
它花了我两天时间,我什至尝试了网格和行,但是没有用。谁能帮我?