Start from scratch and use FontAwesome icons in your project
Add the following code to <head> for quick use of 600+ FontAwesome 4 icons. CDN requires no file downloads, one line of code completes integration, ideal for rapid prototyping and simple static pages.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css"><link rel="stylesheet" href="https://cdn.staticfile.net/font-awesome/4.7.0/css/font-awesome.min.css">npm install [email protected]<i class="fa fa-home"></i>
<i class="fa fa-user"></i>
<i class="fa fa-envelope"></i><i class="fa fa-camera fa-lg"></i>
<i class="fa fa-camera fa-2x"></i>
<i class="fa fa-camera fa-3x"></i>
<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-heart" style="color:red"></i>Learn the complete FontAwesome workflow and code examples through practical project cases.
View TutorialQuick reference for class names, sizes, animations, prefixes, and common usage.
View Cheat Sheet