Cornered stacked Icons

[amoralesdesign]

Add to this section this helper classes:
https://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons

Like this example:
https://codepen.io/EeKay/pen/JYrGZg

Very useful to combine icons with anothers icons like the icon fa-plus for example.

[tagliala]

Hi!

Thanks for being part of the Font Awesome Community and thanks for sharing your approach.

text-shadow works great with the CSS version, but it does not have effect on the SVG framework.

If this approach fits your use case, it is ok, but for a generic usage I would advise to use the power transforms, masking, and layering features of the SVG Framework.

Demo: https://jsfiddle.net/tagliala/L17f528g/275/

Ref:

https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms
https://fontawesome.com/how-to-use/on-the-web/styling/masking
https://fontawesome.com/how-to-use/on-the-web/styling/layering