Basic Icons
To use the Font Awesome icons, add the following line inside the <head> section of your HTML page:
The following code:
<!DOCTYPE html><html><head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></head><body><i class="fa fa-car"></i><i class="fa fa-car" style="font-size:48px;"></i><i class="fa fa-car" style="font-size:60px;color:red;"></i></body></html>Content Under CC-BY-SA licenseLearn how to add Font Awesome icons to your HTML pages without downloading or installing anything. See examples of basic, larger, list, animated, rotated, stacked and fixed width icons. See more
- Basic Icons
- To use the Font Awesome icons, add the following line inside th… See more
The fa-spin class gets any icon to rotate, and the fa-pulseclass gets any icon to rotate with 8 steps. Note:IE8 and IE9 do not support CSS3 animations. See more
The fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5xclasses are used to increase the icon sizes relative to their container. Tip:If your icons are … See more
To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x class for the regularly sized icon, and fa-stack-2xfor the larger icon. The fa-inverseclass can be used as an alternative icon color. You can also add larger icon classes to the parent to further … See more
WEBWe’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 …
WEBIcons on your site. Fast. Don't mess with files locally or in production. You'll get all of Font Awesome's 675 icons plus CSS toolkit - all optimized for speed and no hassle.
WEBHere’s the fastest and easiest way to use Font Awesome in your web-based projects (keep in mind you can use Font Awesome in lots of other ways, including on the desktop). …
Font Awesome Docs | Font Awesome Docs
WEBFont Awesome Docs. Get set up and learn how to use icons in your projects, awesomely. We've got set-up guides for those just getting started, styling guides to add some flair, …
WEBUse Font Awesome on the Web. Get set up, add icons and style, or fine-tune - we’ve got what you need to know to use Font Awesome icons on the web.
- People also ask
WEBHere’s the fastest and easiest way to use Font Awesome in your web-based projects (keep in mind you can use Font Awesome in lots of other ways, including on the desktop). …
WEBFont Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
WEBSep 26, 2023 · Watch on. How to upload your own custom icon. Now with the magic of Kits, you can upload your own icons and use them alongside – or in place of – official Font …
WEBAdd Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything! Paste the following code into the <head> section of …
Skip to content
