CODEWITHSUNDEEP
htmlreactjstypescripticons
John John
John John

Reputation: 1

how to add an Arrow icon inside my React Js Project

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>

enter image description here

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

enter image description here

Thanks

Upvotes: 0

Views: 2591

Answers (1)

Satyam Saurabh
Satyam Saurabh

Reputation: 668

Try this:

iconName='DecreaseIndentArrowMirrored'

Edited ans Below

Try this iconName='DecreaseIndentArrowMirrored-xl' or DecreaseIndentArrowMirrored-lg

reading doc might also help you

Upvotes: 1

Related Questions