Search results
The table below shows all Font Awesome Web Application icons: Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
- Font Awesome Intro
Basic Icons. To use the Font Awesome icons, add the...
- Bootstrap Glyphicons
Bootstrap Glyphicons - Font Awesome Web Application Icons -...
- Icons Content
Icons Content - Font Awesome Web Application Icons -...
- Icons Weather
Icons Weather - Font Awesome Web Application Icons -...
- Icons Status
Icons Status - Font Awesome Web Application Icons -...
- Icons Charity
Icons Charity - Font Awesome Web Application Icons -...
- Icons Shapes
Icons Shapes - Font Awesome Web Application Icons -...
- Icons Travel
Icons Travel - Font Awesome Web Application Icons -...
- Font Awesome Intro
Basic Icons. To use the Font Awesome icons, add the following line inside the <head> section of your HTML page: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">. Note: No downloading or installation is required!
You can also add icons by using their names in shortcodes or HTML. When you use shortcodes, you add the name of the icon and a prefix, where the prefix is the style and family of the icon you want to use.
We’ll cover the basics of how to add icons to your project, shorthand class names for different icon styles, how to add icons to HTML, using icons aliases, and more! Before You Get Started . Make sure you’ve: Set up Font Awesome in your project and know where you parked your tardis.
Taking your pick of loading your icons from a Font Awesome Kit — the easiest and most robust way to use our icons on the web — or the classic Font Awesome CDN. Turning on automatic compatibility for Font Awesome Version 4 if you - or your plugins - are still using Version 4 syntax.
Using the power of fixed-width styling, we added some utility styling to handle HTML lists with icons used as decorative bullets. We’ll cover the basics of how to replace default bullets with icons in unordered lists and introduce options for customizing CSS properties.
You can add icons to your web projects with a little bit of code - it’s easy once you have a few of the basics under your belt. And if you have project that requires some special cases, we’ve got even more ways to add icons that will suit just about any curve ball your project throws.
