Tiny subset icons via fa-sub (fa-sup) overlay

[gandalfx]

There are a lot of bitmap Icons out there that have some sort of mini-icons attached to them to indicate a dropdown menu etc. So far I have not found anything similar for FontAwesome even though it should be feasible.

Here are a few examples I am currently using in a project:

Another likely candidate would of course be fa-caret-down to indicate some kind of context menu.

I don't have a pull request for this but here is an example implementation that has worked for me so far:

<span>
    <i class="fa fa-lg fa-fw fa-picture-o"></i>
    <i class="fa fa-sub fa-upload"></i>
</span>

// use with .fa-fw.fa-lg on main icon
.fa-sub {
    position: relative;
    left: -.8em;
    width: .2em;
    vertical-align: -.25em;
    text-shadow: 0 0 1px black; // optional contrast
}

So as you can see it's a similar principle to fa-stack

For completeness sake you might also want to add a fa-sup class for mini icons oriented at the top, e.g. for use as quirky footnote indicators.

Again I appologize if this has been suggested before, there are a lot of issues and afaik no search function for them.
In any case great work so far, really appreciate it. Cheers!

[tagliala]

oh, very nice!

refers to #1181

[PayBas]

+1

[hanakin]

+1

[matthew-hull]

+1

[fschaeffer]

+1

[pnacelli]

reviving this with a +1 since it's been mentioned on the FA Kickstarter (https://www.kickstarter.com/projects/232193852/font-awesome-5/comments)

[warlycologne]

+1 it should be the responsibility of the designer to separate both icons visually (probably the same as with stacking) but the possibility should be in the core framework imho

[sensibleworld]

We've built a feature similar to this with our new Icon Wizard: https://blog.fontawesome.com/behold-the-font-awesome-icon-wizard/