Font Awesome Icons Code List Free Download

Posted on by

Font Awesome Cheat Sheet is the ultimate reference guide for using Font Awesome. Use the search bar to filter icons on name or alias. Simply tap an. This tutorial will concentrate on the FREE edition. To use the Free Font Awesome 5 icons, you can choose to download the Font Awesome library, or you can sign up for an account at Font Awesome, and get a code (called KIT CODE) to use when you add Font Awesome to your web page. We prefer the KIT CODE. Font Awesome 5 Icons. To use the Free Font Awesome 5 icons, go to fontawesome.com and sign in to get a code to use in your web pages. Read more about how to get started with Font Awesome in our Font Awesome 5 chapter. Note: No downloading or installation is required!

Icons Tutorial

Icons HOMEIcons Reference

Old Font Awesome Icons

Font Awesome 5

Font Awesome 5 IntroIcons AccessibilityIcons AlertIcons AnimalsIcons ArrowsIcons Audio & VideoIcons AutomotiveIcons AutumnIcons BeverageIcons BrandsIcons BuildingsIcons BusinessIcons CampingIcons CharityIcons ChatIcons ChessIcons ChildhoodIcons ClothingIcons CodeIcons CommunicationIcons ComputersIcons ConstructionIcons CurrencyIcons Date & TimeIcons DesignIcons EditorsIcons EducationIcons EmojiIcons EnergyIcons FilesIcons FinanceIcons FitnessIcons FoodIcons Fruits & VegetablesIcons GamesIcons GendersIcons HalloweenIcons HandsIcons HealthIcons HolidayIcons HotelIcons HouseholdIcons ImagesIcons InterfacesIcons LogisticsIcons MapsIcons MaritimeIcons MarketingIcons MathematicsIcons MedicalIcons MovingIcons MusicIcons ObjectsIcons Payment & ShoppingIcons PharmacyIcons PoliticalIcons ReligionIcons ScienceIcons Science FictionIcons SecurityIcons ShapesIcons SocialIcons SpinnersIcons SportsIcons SpringIcons StatusIcons SummerIcons Tabletop GamingIcons ToggleIcons TravelIcons Users & PeopleIcons VehiclesIcons WeatherIcons WinterIcons Writing

Font Awesome 4

Font Awesome IntroIcons BrandIcons ChartIcons CurrencyIcons DirectionalIcons File TypeIcons FormIcons GenderIcons HandIcons MedicalIcons PaymentIcons SpinnerIcons TextIcons TransportationIcons VideoIcons Web Application

Font Awesome Icons Code List Free Download Albania

Bootstrap

Icons BS Glyphicons

Google

Google Icons IntroIcons ActionIcons AlertIcons AVIcons CommunicationIcons ContentIcons DeviceIcons EditorIcons FileIcons HardwareIcons ImageIcons MapsIcons NavigationIcons NotificationIcons PlacesIcons SocialIcons Toggle

How To Add Icons

To insert an icon, add the name of the icon class to any inline HTML element.

The <i> and <span> elements are widely used to add icons.

Font awesome icons png

Avira antivirus pro activation code. All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)

Font Awesome Icons Code List Free Download

Font Awesome 5 Icons

To use the Free Font Awesome 5 icons, go to fontawesome.com and sign in to get a code to use in your web pages.

Read more about how to get started with Font Awesome in our Font Awesome 5 chapter.

Note: No downloading or installation is required!

Example

<!DOCTYPE html>
<html>
<head>
<script src='https://kit.fontawesome.com/yourcode.js'></script>
<!--Get your code at fontawesome.com-->
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Try It Yourself »

Font Awesome Icons Code List Free Download Free

Font Awesome 4 Icons

To use the Font Awesome 4 icons, add the following line inside the <head> section of your HTML page:

Note: No downloading or installation is required!

Example

<!DOCTYPE html>
<html>
<head>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Try It Yourself »

Bootstrap 3 Icons

To use the Bootstrap 3 glyphicons, add the following line inside the <head> section of your HTML page:

Note: No downloading or installation is required!

Font Awesome Icons Code List Free Download 2017

Example

<!DOCTYPE html>
<html>
<head>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Try It Yourself »

Note: Glyphicons are not supported in Bootstrap 4.

For more information about Bootstrap 3 and Glyphicons, visit our Bootstrap 3 Tutorial.

Google Icons

To use the Google icons, add the following line inside the <head> section of your HTML page:

Note: No downloading or installation is required!

Example

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons'>
</head>
<body>
<i>cloud</i>
<i>favorite</i>
<i>attachment</i>
<i>computer</i>
<i>traffic</i>
</body>
</html>
Try It Yourself »

For a complete list of ALL icons (font awesome, bootstrap and google), visit the Icon Reference.

Font Awesome 5 Icons