Icons Tutorial
These creatively designed icons can be used by executives, business leaders, startup owners, and entrepreneurs to exhibit business growth, risk statistics, market research, projected growth statistics overview, social media key statistics, business performance, etc. Business analysts, sales and marketing professionals can use this slide in the slideshows to illustrate demographic and social statistics, survey results, etc. Cloud Statistics Flat icons PNG, SVG, EPS, ICO, ICNS and Icon Fonts are available. Icons are in Line, Flat, Solid, Colored outline, and other styles. Download free and premium icons for web design, mobile application, and other graphic design work.
Icons HOMEIcons ReferenceFont 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 ShoppingIcons SocialIcons SpinnersIcons SportsIcons SpringIcons StatusIcons SummerIcons Tabletop GamingIcons ToggleIcons TravelIcons Users & PeopleIcons VehiclesIcons WeatherIcons WinterIcons WritingFont Awesome 4
Font Awesome IntroIcons BrandIcons ChartIcons CurrencyIcons DirectionalIcons File TypeIcons FormIcons GenderIcons HandIcons MedicalIcons PaymentIcons SpinnerIcons TextIcons TransportationIcons VideoIcons Web ApplicationBootstrap
Icons BS GlyphiconsHow 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.
All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)
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
<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>
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
<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>
Bootstrap 3 Icons
Statistics Icon Bootstrap
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!
Example
<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>
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!
Statistics Icon
Example
<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>
For a complete list of ALL icons (font awesome, bootstrap and google), visit the Icon Reference.