Icon Search Tool
Find and embed Font Awesome icons directly into your projects
300+
Icons Available
Real-time
Search
1-Click
Copy Code
Showing 300+ available icons
How to Use Icons
Easily integrate icons into your website with these simple steps:
1
Find the icon you need
Use the search bar or browse through the icon collection. Click on any icon to copy its HTML code.
2
Paste into your HTML
Paste the copied code directly into your HTML file where you want the icon to appear.
<!-- Example icon usage -->
<i class="fas fa-user"></i>
<i class="fas fa-envelope"></i>
<i class="fas fa-user"></i>
<i class="fas fa-envelope"></i>
3
Include Font Awesome
Make sure you have Font Awesome included in your project for the icons to display properly.
<!-- Include Font Awesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
Icon code copied to clipboard!
0 Comments