[[Font Awesome]](https://fontawesome.com/) [TOC] ~~~ html <i class="fas fa-camera"></i> <!-- this icon's 1) style prefix == fas and 2) icon name == camera --> <i class="fas fa-camera"></i> <!-- using an <i> element to reference the icon --> <span class="fas fa-camera"></span> <!-- using a <span> element to reference the icon --> ~~~ ## Type | Style | Availability | Style Prefix | Example | Rendering | | --- | --- |--- |--- |--- | | [Solid](https://fontawesome.com/icons?s=solid) | Free | `fas` | ` <i class="fas fa-camera"></i>` | | | [Brands](https://fontawesome.com/icons?s=brands) | Free | `fab` | `<i class="fab fa-font-awesome"></i>` | | | [Regular](https://fontawesome.com/icons?s=regular) | [Pro Required](https://fontawesome.com/pro) | `far` | `<i class="far fa-camera"></i>` | | | [Light](https://fontawesome.com/icons?s=light) | [Pro Required](https://fontawesome.com/pro) | `fal` | `<i class="fal fa-camera"></i>` | | | [Duotone](https://fontawesome.com/icons?s=duotone) | [Pro Required](https://fontawesome.com/pro) | `fad` | `<i class="fad fa-camera"></i>` | | ## Using with Vue.js ## Using with jQuery