Usage
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
Docs.
Questions tagged [react-icons]
146 questions
0
votes
3 answers
React component as backgroundImage
I am using react-icons in my project and what this awesome package offer is to have all free fonts images in one place and served as react component.
what I am trying to achieve is to set a backgroundImage from component like:
RulerNature
- 693
- 4
- 13
- 40
0
votes
1 answer
Module is undefined for dynamic import of a named export from an external package
I want to import icons from react-icons as defined by an array of strings corresponding to named exports of icon components from react-icons.
I cover the cases for each library of icons from react-icons. This is an example of a case for…
Casey
- 444
- 1
- 7
- 22
0
votes
1 answer
Using react-icons without icon name tag
I'm using react-icons.
In documentation normal usage like this:
import { FaBeer } from 'react-icons/fa';
mehmetdemiray
- 976
- 4
- 13
- 32
0
votes
1 answer
How to enable the close icon(React Icons) within the button
I have multiple button on the screen , I want that user either click this button to route to the new item or user could have close this , for that i have given the close icon within the button so that user can close that if they want , but when i am…
Bilawal
- 244
- 5
- 19
0
votes
2 answers
issue installing react icons with npm
I'm following a react tutorial on lynda.com. I'm trying to install react icons through npm to my react project. I'm getting some weird warnings in the command line that I don't understand. Here's the result in the tutorial vs. my result:
This is the…
Dashiell Rose Bark-Huss
- 2,173
- 3
- 28
- 48
0
votes
1 answer
Importing several icons at once using react-icons
I'm trying to import multiple icons from the same pack at once, in this case, font-awesome like this:
import {FaPencilSquare,FaHome} from 'react-icons/fa'
but I'm getting this error:
ERROR in ./node_modules/react-icons/fa/index.js
Module build…
pedrommuller
- 15,741
- 10
- 76
- 126
-1
votes
0 answers
I am getting "500 internal server error" in Next.js 13
I switch to Next.js 13 from React.js . I am trying to build a ecommerce website but I am getting "500 internal server error" after few min's. I don't know actually where is the problem. I am not fetching any data right now. I am just creating the…
-1
votes
3 answers
React Icon Changes on Click
I cant for the life of me figure this out. I would like the React icons below to fill and stay filled on click and change back to outlined when another is clicked. Here is the code:
import { useState } from "react";
import { Link } from…
Jeff Barra
- 23
- 5
-1
votes
1 answer
How can i center icons along with my text/paragraph in react?
How can i center my icons like 
Title …
ThatGuyNick
- 17
- 4
-1
votes
1 answer
This is an error i have been encountering for a while now "Module not found: Can't resolve '../lib'", no idea what the problem is
import logo from "./logo.svg";
import "./App.css";
import { FiAirplay } from "react-icons/all";
function App() {
return (
…
Radiance Obi
- 1
- 1
-1
votes
2 answers
How to do react native button by clicking icon alert ('OK')
how to do react native button by clicking icon alert ('OK'),
i want to place dots-three-vertical
Thanks...
export default [
{
_id: '1001',
name: 'Weeks',
one: 'Monday',
two: 'Tuesday',
three: 'Wednesday',
four:…
kikirim
- 37
- 8