React-bootstrap button with icon

Question

I can add a button with text in react-bootstrap using code like

        <Button
          className={styles.feedbackButtonRating}
          variant={this.state.liked ? 'success' : 'light'}
          onClick={this.handleOnLikeClick}
        >
          {FEEDBACK_LIKE_BUTTON_TEXT}
        </Button>

Is there a way to replace {FEEDBACK_LIKE_BUTTON_TEXT} text with a thumb up icon?

Answer 1

You can try out using this npm package react-icons

import { FaThumbsUp } from 'react-icons/fa';

<Button>
    <FaThumbsUp />
</Button>

Answer 2

You can use font awesome library (npm-pakage) for reactjs.

Link : Font-awesome for reactjs

USE -

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

<FontAwesomeIcon icon="signal" />
<FontAwesomeIcon icon="globe" />