Questions tagged [react-font-awesome]
48 questions
15
votes
1 answer
How can I use outlined icons with react-fontawesome?
Basically I'm trying to use two icons:
Solid heart icon
Regular heart icon (outlined)
The first one I got with the following code:
Pablo Darde
- 5,844
- 10
- 37
- 55
4
votes
2 answers
FontAwesomeIcon React component does not accept icon property
I am unable to build my React project because of Font Awesome library for react.
I have used the icons with
Daniel Nýdrle
- 153
- 1
- 9
3
votes
2 answers
Using an icon uploaded to a kit with fontawesome-react
I have a React project that uses FontAwesome v6 via the react-fontawesome package. We have a pro licence.
From package.json
"@fortawesome/fontawesome-pro": "^6.1.1",
"@fortawesome/fontawesome-svg-core": "^6.1.1",
…
Lazar
- 148
- 6
3
votes
2 answers
Fontawesome giving 401 unauthorized error during build process
I've been using fontawesome with no issues for months. Today, I started seeing this error whenever I tried to push my app to production.
error An unexpected error occurred:…
Kyle Pendergast
- 739
- 1
- 8
- 17
3
votes
1 answer
How to make react FontAwesomeIcon not to change color on mouse hover
I have a page with black background where I placed a white icon like that using React FontAwesome
user3174311
- 1,714
- 5
- 28
- 66
3
votes
2 answers
Can Custom Icons Be Added to font-awesome-react
This issue on the react-font-awesome repo suggests that this is at least possible, but doesn't outline what would be needed to add a custom SVG icon.
React Font Awesome allows you to add icons from libraries, however only from their own libraries.…
Undistraction
- 42,754
- 56
- 195
- 331
2
votes
1 answer
How to use fa-light icons with React
how do I use font-awesome light icons with React?
Simon
- 63
- 9
2
votes
2 answers
How to change icon colour when hovering on enclosing div container
I have a div that consists of a FontAwesome icon and some text. I'd like to keep the white colour of the icon and change it to green when the pointer is hovering on top of the root div. How can I do this?
The Component:
function GroceryItem({ title…
U. Watt
- 533
- 1
- 5
- 27
2
votes
0 answers
TypeError: Object(...) is not a function in react-fontawesome
Hellor there, I am working with react-fontawesome and webpack 4.33 version and I have this issue when I use a IconComponent it throws me an error TypeError: Object(...) is not a function.
It seems that the code points right here:
var renderedIcon =…
Abdiel Ortega
- 21
- 2
1
vote
0 answers
How to integrate react font awesome icon picker in PropertyFieldCollectionData control in SPFx?
I have created SharePoint Framework web part in SharePoint online. I have integrated PropertyFieldCollectionData in that web part. Below is the link for the…
thedeepponkiya
- 97
- 1
- 11
1
vote
1 answer
Where to Import IconName interface from React Fontawesome with Typescript
I'm trying to use FontAwesomeIcon dynamically but i'm having trouble in providing the icon name.
This is my sample usage.
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
interface SampleProps {
icon: string;
}
function…
JkAlombro
- 1,696
- 1
- 16
- 30
1
vote
1 answer
Change color of font-awesome icons with React
How do I change color of Font Awesome's icon using React, Firebase, NPM. Directly
Current code:
Simon
- 63
- 9
1
vote
4 answers
Set fontawesome icon from a variable - react
I'm building a react application:
"react": "^16.0.0",
with font awesome integrated.
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons":…
Charaka Janith
- 100
- 8
1
vote
1 answer
FontAwesomeIcon is not changing color in Reactjs
All my dependencies are rightly installed, but still FontAwesomeIcon color is not changing to white or any other color. This is the picture
Samuel
- 11
- 2
1
vote
2 answers
How to use the FontAwesome Icon Library in React?
I have a React project that uses FontAwesome icons. To keep the code DRY, I wanted to keep my icon imports in a separate file using the Icon Library, per the guide here: https://fontawesome.com/how-to-use/javascript-api/setup/library.
I added a…
mmz
- 1,011
- 1
- 8
- 21