How to Add React Icons in ReactJS App (Sinhala) 🔥💪

Опубликовано: 14 Май 2026
на канале: MCodes Frontend
1,876
84

How to Add React Icons in ReactJS App (Sinhala) 🔥💪

HTML Beginner playlist :    • HTML Beginner Tutorials Sinhala  
CSS Beginner playlist :    • CSS Beginner tutorials Sinhala  
CSS Mastering playlist :    • Mastering CSS techniques Sinhala  
JavaScript Beginner playlist :    • Javascript Beginner tutorials Sinhala  
JavaScript Mastering playlist :    • Mastering Javascript Sinhala  
CSS Flexbox playlist :    • CSS Flexbox Tutorials Sinhala  
CSS Grid playlist :    • CSS Grid Tutorials Sinhala  
React playlist :    • React JS Beginner Tutorials Sinhala  
Nextjs Playlist :
   • Next.js Beginner Tutorials  
Mastering JavaScript playlist :    • Mastering Javascript Sinhala  
Complete website build :    • Build a complete Website HTML CSS Javascri...  
Responsive websites playlist :    • Responsive websites by using HTML & CSS fr...  
Visual Studio Code editor :    • Visual Studio Code Tutorial and Live Serve...  
Install Node :    • Introduction to Node.js : Install & Run (i...  
Install Vite :    • Install Vite & React Project: Setup & Buil...  
MCodes Frontend Discussions playlist :    • MCodes Frontend Discussions  

Welcome to MCodes Frontend YouTube channel. As a passionate senior frontend developer my mission is to give you a better understanding of frontend technologies like HTML , CSS and UI, UX concepts

🌐 ABOUT THIS VIDEO
This video will explains how to add react icons into the reactjs App. React icon library has ton of popular fonts such as Font awesome, Bootstrap, Material design, Remix, Radix, boxicons, Heroicons and many more.

⏱️ Timestamps,

00:00 - intro
01:35 - install react icons
04:55 - Menu bar setup
05:20 - Adding icons
09:55 - Adding css
15:32 - Wrap up
17:28 - Outro

Hope you have enjoyed this video. Please leave a comment 😎
Please don't forget to Like the video, subscribe to the channel and press the bell icon as well 🙂 🙂

🌐 Related tags
#javascript #reactjs #webdevelopment