Stacking stacked icons, and defining position (not centered)

[alaindeurveilher]

Hi is there any way to use the stack of these 3 fa icons: "fa-database", "fa-circle fa-inverse" and "fa-plus-circle" in order to have the same result than a "add database" icon, such as:

The idea is the following:

1. Stack "fa-circle fa-inverse" with "fa-plus-circle" slightly smaller, so that the fa-circle will appears as a surround of fa-plus-circle.
2. Stack "fa-database" big, with the first stacked icons small size
3. Position the first stacked icons group in the bottom-rigth-corner.

Thank you for your help.

[alaindeurveilher]

The idea is then to decline the database icon fa-database in a whole set: add-database, remove-database, database-warning, database-error, refresh-database, download-database, etc...

Or maybe, if it's not possible to stack groups of icons and groups of staked icons, add a css style in order to create a surrounding on an icon (which will fill by the way the inner part of the icon), something like:
"fa fa-plus-circle fa-surround fa-surround-success"

[tagliala]

@AlainD- interesting approach but I need to close this one because it's a dup of #1181 .

Could you please post these comments there?

I think we can't get it with a single element but there are many other people interested that could work on a fiddle with the minimum amount of markup needed

Also refers to #3640