如何在我的 React Js 项目中添加箭头图标

Question

我正在开发第 3 方 ReactJS SPFx SharePoint Web 部件。在代码中我有以下标记来显示 2 个图标-

import * as React from 'react';
import { Icon } from 'office-ui-fabric-react/lib/Icon';
import styles from './SingleNews.module.scss';
import { ISingleNewsProps } from './ISingleNewsProps';
import News from '../News';
//code goes here...

<span className={ styles.singleNews__content__info__reactions__likes}>
    <Icon className={styles.icon} iconName='Like' />
        post.likes}
</span>
<span className={ styles.singleNews__content__info__reactions__comments}>
    <Icon className={styles.icon}  iconName='ActionCenter' />
        {post.coments}
</span>

现在我想显示此图标（箭头）并将其着色为橙色，但不确定图标名称是什么？

谢谢

Answer 1

试试这个：

iconName='DecreaseIndentArrowMirrored'

以下已编辑答案

试试这个iconName='DecreaseIndentArrowMirrored-xl' 或DecreaseIndentArrowMirrored-lg

阅读doc 也可能对您有所帮助