Search results
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!
Using CSS. Copy the entire font-awesome directory into your project. In the <head> of your html, reference the location to your font-awesome.min.css. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> Check out the examples to start using Font Awesome! Using Sass or Less.
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Start for Free Get More with Pro Latest Updates
Jun 2, 2020 · Like other CDNs, you need to add a <link> element to the <head>. For Font Awesome 5.7.2, it'll look something like this: <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.7/css/all.css">.
Here’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). We’ll cover the basics of setting up Font Awesome and finding that perfect icon for your project.
Use 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.
Add Icons to HTML. We designed Font Awesome for use with inline elements, and we recommend that you stick with a consistent element in your project. We recommend using <i> element with the Font Awesome CSS classes for the style class for the style of icon you want to use and the icon name class with the fa-prefix for the icon you want to use.
