Icon Request: All icons can knockout

[jerimiahmilton]

I don't know if this is possible, I have been attempting to create it on my own, but my limited knowledge of SVG is really getting in the way.

It would be a nifty feature to have the ability to have the icons "knockout" any color from icons stacked below it.

Example: if you were to stack three icons like so on top of a button element and then play with their positions.

Now there's this ugly white circle, I would really like to just knockout the white circle.

Example:

I have attempted to achieve this myself, but like I said, my limited knowledge of SVG is making it impossible. Here's a stackoverflow thread I started trying to achieve this.

http://stackoverflow.com/questions/21487790/css-or-svg-text-clip-mask

[tagliala]

@OBCENEIKON AFAIK you can obtain this in .svg, but it's impossible with icon fonts

BTW I will take a look (with svg)

refers to #1181

[jerimiahmilton]

Awesome, thanks! BTW #902 (comment) is exactly what I was looking for, I forgot to add an additional circle that had color below the + sign.

[tagliala]

I came up with those:

http://jsfiddle.net/tagliala/d42m5/
http://jsfiddle.net/tagliala/d42m5/2/
http://jsfiddle.net/tagliala/d42m5/3/

I have very limited knowledge of svg, I can't help more than this... and the results suck

If nobody here can help, you could try ask overflow (and let us know)

[sensibleworld]

This is a quick update to let folks know that we’re refining our icon request workflow behind the scenes, and as part of that we’re going through all open requests and filing them into several new buckets to be addressed.

In this case we’re closing this issue because it can already be made with the new Font Awesome Wizard! Take a look at how it works.