How to Add Font Awesome Icons in React JS

Опубликовано: 16 Март 2026
на канале: Suboptimal Engineer
94,921
2.5k

In this video, we will go over how to get started with the Font Awesome Icons library in React. We will start by setting up a project with Next JS + Tailwind CSS and then add some brand SVG icons like Twitter and YouTube.

🎥 YouTube -    / suboptimaleng  
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter -   / suboptimaleng  
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram -   / suboptimaleng  

== [ Resources ] ==
Font Awesome: https://fontawesome.com/
Font Awesome React: https://fontawesome.com/v5.15/how-to-...

== [ Timestamps ] ==
00:00 What is Font Awesome?
00:34 React JS Project Setup
02:08 Font Awesome Solid Icons
04:13 Font Awesome Brand Icons
04:59 Styling Icons
06:07 Fin

== [ Tags ] ==
#suboptimal #reactjs #fontawesome