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

Question

I am working on 3rd party ReactJS SPFx SharePoint web part. and inside the code i have the following markup to show 2 icons-

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>

now i want to show this icon (arrow) and color it as orange, but not sure what is the icon name?

Thanks

Answer 1

Try this:

iconName='DecreaseIndentArrowMirrored'