Questions tagged [react-font-awesome]
48 questions
0
votes
1 answer
how to add fontawesome icon in react js?
I'm trying to add a fontawesome icon in my react app using the code below (see the codesandbox) but the icons won't show.
./src/App.js
import "./styles.css";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
export default function…
dapidmini
- 1,490
- 2
- 23
- 46
0
votes
0 answers
Error: Catching was left unconfigured. It started flagging this error after i installed font-awesome in my react project
My project was working all fine until installed some font-awesome babel plugins to my project, ever since it has been throwing this error. I've tried uninstalling everything i installed but its still showing each time i start my project.
Here's the…
heysolomon
- 5
- 2
0
votes
1 answer
Why doesn't FontAwesome "flip" animation work in React?
I'm adding individual icons explicitly as shown here:
https://fontawesome.com/v6/docs/web/use-with/react/add-icons#add-some-style
The code I'm using is:
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faRocket } from…
pcmila
- 23
- 5
0
votes
2 answers
Fontawesome icon is hidden when inside a button element
I just upgraded my fontawesome to 6.0.0
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^6.0.0",
"@fortawesome/free-regular-svg-icons": "^6.0.0",
"@fortawesome/free-solid-svg-icons":…
Maxime Ghéraille
- 1,465
- 3
- 16
- 31
0
votes
0 answers
React FontAwesone "bell-on" isn't available
I am using React font-awesome, by importing the icons objects.
I want to add a notification icon.
This is working good:
import {faBell} from '@fortawesome/free-solid-svg-icons'
....
lingar
- 477
- 1
- 7
- 25
0
votes
1 answer
@fortawesome/react-fontawesome icons not resizing
I am using the version 5.12.1 and suddenly applying style to the component like this...
Luis Febro
- 1,733
- 1
- 16
- 21
0
votes
3 answers
Which one font awesome in react app using cdn or npm
im really confused what is the best way to integrate fontawesome to reactjs web app using CDN or installing NPM for production ecommerce i also use webpack for react
Harshit Singh
- 27
- 1
- 5
0
votes
1 answer
Social Media font awesome icon is not working in react js
ERROR
Attempted import error: 'faTwitter' is not exported from '@fortawesome/free-solid-svg-icons'.
I'm using font awesome icons in react js there are few icons is working like:-
faPhoneAlt, faHeart, faBars, faChevronDown
but social media icons…
Rohit Verma
- 3,657
- 7
- 37
- 75
0
votes
1 answer
How to handle the error "Could not find icon"
I create the icon name dynamically, and sometimes it happens there is no corresponding icon in the library. Is there any way to catch the error and use the default icon name?
mimic
- 4,897
- 7
- 54
- 93
0
votes
0 answers
React Font Awesome styles from StyleSheet not working
I am using React FontAwesome package to use FontAwesome icons in my React project. Something peculiar is happening, that is:
If I use a reference from the StyleSheet.create reference:
Divyansh Goenka
- 997
- 2
- 12
- 35
0
votes
1 answer
Using FontAwesome Icon Library in React based design system
I'm trying to use Fontawesome's React module of Free solid icons in a React based Design System. I want to access Fontawesome Icon as a string that is rendered by the FontAwesomeIcon component
Eg:
Rakesh Peela
- 41
- 2
- 6
0
votes
1 answer
Make FontAwesomeIcon center in button
I'm using react-bootstrap button and fortawesome/react-fontawesome for the icon. I'm setting the button height and width using this code
#button-size{
height: 1vh;
width: 1vw;
}
then I'm inserting the icon inside the button using this…
Newboy11
- 2,778
- 5
- 26
- 40
0
votes
1 answer
React-FontAwesome icon doesn't appear when favicon is set
I use react-fontawesome module to display some brand icons.
When a favicon is set in ...(imported from next/head), all react-fontawesome icons disappear.
Pleas tell me how to solve this problem.
// /pages/index.js
import Head from…
Moootoko
- 31
- 2
0
votes
2 answers
How to use numbers on icons with font awesome in REACT?
I want the output to be like in the image below.
I found the could below
Kundan
- 1,754
- 16
- 37
0
votes
2 answers
Why won't Font Awesome icons load in my React Native Expo app?
I'm trying to integrate Font Awesome into a React Native Expo app that I'm working on, but I keep getting the following error:
console.error: "ERROR: icon not found for icon = ", "coffee"
I'm just following the instructions on the following GitHub…
HartleySan
- 7,404
- 14
- 66
- 119