![]() ![]() ![]() ![]() Styling Font Awesome iconsįor simple applications, you could use inline styles: įor sizing, you could also use Font Awesome's built in keywords: Īn important thing to remember is that FA icons inherit the font-size of the parent container. While you'll only have access to solid and brand icons under the free plan, there are still many ways to style them. These icons include Twitter, Facebook, Spotify, Apple, and even freeCodeCamp: In the example above, the style prefix and icon name are fas and fa-thumbs-up, respectively.įont Awesome offers the following style prefixes: Styleīrand icons are often submitted by the company itself, and are useful for building things like buttons for social authentication or payment. Notice that there are two parts to using an icon, the style prefix and the icon name. This will produce a simple thumbs up icon:Īnd here's how you would insert that icon onto a button: Note that the span element is also acceptable for use with icons. You can add the Font Awesome classes to the i element to turn it into an icon, for example: The i element was originally used to make other elements italic, but is now commonly used for icons. To include Font Awesome in your app or page, just add the following code to the element at the top of your HTML: You can specify their size using pixels, and they will assume the font size of their parent HTML elements. These icons can be vector graphics stored in the. Font Awesome is a convenient library of icons. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |