Hex background and icon

Can you create an icon with a hexagonal background? Not natively using the Avada icon element, but using the code element and some basic font awesome features it is possible.

If you have the pro features available, there are more options — like duotone.

If you want to add a hover effect like the last icon, just wrap the span in a div and assign a class to it.

And add some basic CSS. Not only does this add hover, it allows you to remove the inline drop shadow style making it much more flexible.