In this Quick Tip, we're going to learn about the icon element.

The icon element is a way to use one of the free icons from the Font Awesome library in your app. Most apps use icons in some way, and with the icon element, we can find the appropriate icon and use it to start a workflow or have it just for our design.

When you add an icon element to the page, it comes with a style that we can customize. For example, we can customize the icon color and then, like with other styles, we can create a conditional for this icon on hover to change its color.

We can also have this icon rotate by default, or control this for the conditional so it only rotates when we want it to. Like with other elements, we can make the icon not clickable. This prevents the user from being able to click the icon and therefore trigger a workflow from it, which can be useful in conditionals.

Experiment with the icon element more by adding one to your app.

That's it for this Quick Tip! For more, be sure to check out bubble.io/academy.