如何使用现有的材料ui图标构建自定义图标？

Question

我想要创建一个箭头，如下图所示

​

​

我用的是svg -

<svg height='24' width='12' style={{ marginBottom: '-4px', marginLeft: '49%' }}>
  <line x1='6' y1='0' x2='6' y2='28' style={{ stroke: '#D0D0D7', strokeWidth: 2 }} />
  <polyline points='0,14 6,8 12,14' style={{ fill: 'none', stroke: '#D0D0D7', strokeWidth: 2 }} />
</svg>

但我想使用物质用户界面图标，没有物质用户界面图标，其中向上箭头在行的中间。

以下内容可在资料用户界面中获得

1. ​

没有线条的

• 箭头

1. ​

• 箭头位于

行的顶端

有没有一种方法可以使用选项1中的KeyboardArrowUp图标并将其放在行的中间？或者其他方法来实现我想要的？

Answer 1

我想医生说得很清楚..。https://material-ui.com/components/icons/，但无论哪种方式，您都可以使用SvgIcon或普通图标

function HomeIcon(props) => (<SvgIcon {...props}><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></SvgIcon>);或使用

<Icon color="primary">add_circle</Icon>