# Quick Start Step-by-step guide to help you start using Font Awesome icons in your web projects. > Need to get icons in your web project quickly? 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](/web.md), including [on the desktop](/desktop/setup/get-started.md)). We'll cover the basics of setting up Font Awesome and finding that perfect icon for your project. This video will walk you through the steps below. ## 1. Setup Font Awesome in Your Project https://www.youtube.com/watch?v=ZlwI6LrjYys Font Awesome Kits are the easiest way to get Font Awesome icons into your projects. Just create a new [Font Awesome Kit](/web/setup/use-kit.md) and add the Kit embed code to the head of each template or page of your project where you want to add icons. ```html ``` Replace `YOUR_KIT_CODE` with the unique code from [your Kit's page](https://fontawesome.com/kits).
## 2. Find and Add Icons https://www.youtube.com/watch?v=yOFrPOldYsQ Browse [thousands of icons](https://fontawesome.com/search) to find some icons you like and then add the icon name and style as CSS classes to an HTML `` tag. ```html ```

Some Styles Require a Pro or Pro+ Subscription

Remember that some styles and icons are only available for our Pro or Pro+ subscribers
## 3. Make It Awesome https://www.youtube.com/watch?v=cZtJZQ1BugI Now you're ready to Rock and Roll! Take it to 11 by adding some style. ## Hit a Snag? ### Double-Check Your Code If your `` tags aren't turning into icons, make sure you've got the [Kit embed code](/web/setup/use-kit.md#put-your-kit-to-use) on the pages or templates you're working with. ### Get More Help Check out the [troubleshooting section](/web/troubleshoot.md) to get answers to some common hiccups. ## Other Ways to Use Font Awesome Looking for other ways to use Font Awesome? We've got 'em!