Using Fontawesome v6 icons in NextJS

preview_player
Показать описание
Learn how to use Fontawesome icons in NextJS using the official "react-fontawesome" component.

➡️ Read the note on my site:

➡️ The Ultimate NextJs Course
Комментарии
Автор

Sometime i need to add font awesome as pseudo element on a css file. How do i do that using this setup?

emperorrassem
Автор

great tutorial.
i have problem: when i add icons to home page their sizes are correct but if i go to another page sizes comes so big and i can't fix this behavior !
sorry for my english if is not so good.

Nexjsdeveloper
Автор

im having error im using nextjs13/app directory
Error: (0, is not a function

하호-qz
Автор

Can you please show how to use them in less files as CSS Pseudo elements ? I just couldn't get them to work in my .less files as CSS Pseudo elements using v6.

VishnuRamana
Автор

what version of your next js? because I have an issue in next js 13

RayaSabari
Автор

Hello Sir, I face a problem when I add both bable file .
this is the error

how can I solve this error

BilalKhan-doxg
Автор

Thank you for this video, it helped with an error !

chafiksalaheddine
Автор

Error
Module not found: Can't resolve 'fs'

mohammedbasurrah
Автор

Can i somehow look for icons on the fontawesome page and then implement them into component using the second method? I dont see how i can get a visual of the icons importing them from the @fortawesome file... Any solution for this problem?

Webbi_Trax
Автор

if I have JSON data file with key "icon" and want map this JSON > how props ICON name to fontawesome component?
const naming = "user-secret"

<FontAwesomeIcon icon={solid(naming)} /> or <FontAwesomeIcon icon={icon(naming)} />
have <<MacroError: Only string literals are supported when referencing icons (use a string here instead)>>

osadenko
Автор

how can I make icon to new line do not show on same line

GUTEA
Автор

It's a great tutorial I tried to implement it in my todo app but unfortunately I m getting error. I m stuck. Can you help me, please?

farrukhshoukatali
Автор

can I use regular instead of solid in free version?

adiful
Автор

solid,
regular,
brands,
icon
I have installed npm install --save @babel/helper-module-imports also 😑

geetakegeetofficial