Miminal set of icons with add/remove overlay

[tagliala]

Splitting out from #1181, which is about stacking any icon

Please do not suggest css based solutions here

• tag-plus, tag-times (Icon Request: icon-tag-add and icon-tag-remove #1384)
• file-plus, file-times, file-plus-o, file-times-o (Icon Request: icon-file-plus, icon-folder-plus #1525)
• folder-plus, folder-times, folder-plus-o, folder-times-o (Icon Request: icon-file-plus, icon-folder-plus #1525)
• shopping-cart-plus, shopping-cart-times (Icon request: Add to shopping-cart #473)
• fa-list-plus, fa-list-times (Icon Request: fa-add-to-list, fa-remove-from-list #4594)
• fa-bookmark-plus, fa-bookmark-times, fa-bookmark-plus-o, fa-bookmark-times-o (Icon Request: fa-bookmark-plus fa-bookmark-times #5878)
• fa-database-plus, fa-database-times (Icon Request: database-plus, database-times, database-check, database-*, etc. #6072)

[alaindeurveilher]

Hi I have a question: do you intent to create new icons ? For instance folder-plus. Will it be one new icon fa-folder-plus ?

If I understand correctly, your conclusion is to create a new set of icons. It seems so that you would like to create the whole icons directly. Which is great, and I think necessary (like the recent fa-user-plus since v4.3.0).
But also, if so, then, it leaves us with few customization.

I was working since a couple of days on a prototype proposal to submit to your team. The idea is to create a set of smaller icons, referenced as badges, and used them with the stackings. So for instance, having a set of bottom badges, always put at the same position in the bottom right corner of a the svg canvas. That way, all the icons will be placed at the same place.

In order for you to understand, i published my prototype. Let me know what you think, and if we can go in that direction.
Here is the link on github: https://github.com/AlainD-/font-awesome-badge
Or directly to the demo page: http://alaind-.github.io/font-awesome-badge/

When I started the new set of icon badges, I had the customization matters in mind. For instance, if one would like to create a yellow folder plus this way: yellow folder with a green plus.
In fact we could imagine more combination such as: a yellow folder, with a green plus, inside a blue disk the whole surrounded by a red circle. It's ugly but anyway, it's just to demonstrate the variety of possibilities. Try this for instance in the simulator on my page:

<span class="fa-stack fa-badge-stack fa-2x">
    <i class="fa fa-folder fa-stack-1x text-warning"></i>
    <i class="fa-badge fa-badge-bottom-circle-surround fa-stack-1x text-danger"></i>
    <i class="fa-badge fa-badge-bottom-circle fa-stack-1x text-success"></i>
    <i class="fa-badge fa-badge-bottom-plus fa-stack-1x text-info"></i>
</span>

Maybe we should consider both directions in order to meet a majority of user's expectations?

[tagliala]

Hi I have a question: do you intent to create new icons ? For instance folder-plus. Will it be one new icon fa-folder-plus ?

Yes

Maybe we should consider both directions in order to meet a majority of user's expectations?

And yes! As I said, I like that workaround. It comes with some drawbacks but does the job. We can keep discuss about it in #1181

[alaindeurveilher]

HI, Is it possible to add the fa-database-* ?

[tagliala]

@AlainD- please open a new request and refer to this issue (and #1181)

[alaindeurveilher]

Done #6072. But I don't see any option to attach new labels and reference to other issues (maybe because of user restriction).

[tagliala]

I'm going to close this because of the new SVG Framework