Icon request: icon-layers, icon-layers-add, icon-layers-remove

[evitolins]

A "icon-layers" icon option would be great when creating a certain applications (drawing tools, etc). I imagine 3 rectangles overlapping, and possibly displaying opacity. Supporting icons might be helpful as well, such as "icon-layer" (single), "icon-layer-add", "icon-layer-delete".

Cheers,
-eriks

[fredj]

👍 , something like:

(from GIMP)

(from http://www.openstreetmap.org/)

[mfontenele]

That would be nice for mapping applications. There are some examples for the Layers noun at The Noun Project.

[andsigno82]

+1

[zheffie]

+1

[knownasilya]

Also looking forward to something like this. Especially in a mapping context.

[ismyrnow]

+1. The LeafletJS mapping library has a nice icon which is in SVG format. See it an example here and the source here.

[jreimers]

+1

[icholy]

👍

[AdrianoCahete]

+1

[lvonlanthen]

+1

[gedaiu]

+1

[knownasilya]

Just wondering if there are any plans to add these in the near future?

[evitolins]

Hi folks,

This hack is far from ideal, but might be able to get away with a similar approach until then.

Example

https://gist.github.com/evitolins/8965287

Demo

http://jsbin.com/pikeb/2/edit?html,output

Docs

http://fontawesome.io/examples/#stacked

[minchal]

+1

[ismyrnow]

A riff on the stacked example from @evitolins. This is just using css transform and the fa-stack-1x class.

http://jsbin.com/jacot/5/edit

[evitolins]

Nice @ismyrnow. Your version looks much better :)

[CoDEmanX]

Nicely done, but it should really be a default icon, as it is pretty generic

[SmartyMcFlyNL]

+1

[MarkLeMerise]

+1

[shaunakv1]

+1

[Zkida]

+1

[ghost]

+1. Google's Material Design icons is a good example.

[dmland]

+1

[CoDEmanX]

@cadegis: I can't find any layer-related icons in material design?!

[vtforester]

+1

[txcajun]

+1

not sure why we have a beer icon, but not this?

[XanderLuciano]

+1 Beer Icon

[ptlola]

+1

[ShaunForbes]

+1

[steveharman]

Good to see that today's update from FA includes "compact disc" but still no layers icon.

I can't remember the last time I even saw a CD let alone wanted an icon for it in a web or mobile app.

[lipegon]

Indeed, @steveharman. To make it worse, just checked out Google's Material Design icons, which includes the layer icon from the very beginning.

[wsierradev]

+1

[Conrad777]

Until this comes into existence I am using the fa-clone icon rotated it by -45˚. This is obviously not a fulltime solution and the stacked layers icon is still very much wanted. But at least now I have a 2 layer stack instead of 3 ¯_(ツ)_/¯

[dmland]

With one additional layer of fa-clone and a little bit of CSS transform, you can get this look:

[XanderLuciano]

Here's some quick sample code using the method @dmland suggested:

<div class="fa-layers fa-fw">
    <i class="far fa-clone" data-fa-transform="rotate--45 shrink-6 up-1.25"></i>
    <i class="far fa-clone" data-fa-transform="rotate--45 shrink-6 down-1.25"></i>
</div>

Result:

edit: adding transform: scale(1.5, 1); or transform: scale(1, .75); (depending on use case) seems to give a better "isometric" look to the icon, but does cause some aliasing. Not sure how @dmland achieved the "squashed" look, but it looks nicer than my attempted recreation.

[WTIGER001]

+1

[tomatillodesign]

+1 Layers!

[steveharman]

So now we have a "travel pack" with loads of great new travel icons. Which almost by definition will be used in products & services that have one or more maps.

Yet still we don't have a layers icon ?

sigh...

[sensibleworld]

Just added this to in-progress and hoping to get it included in a release soon.

[sensibleworld]

https://fontawesome.com/icons/layer-group?style=solid
https://fontawesome.com/icons/layer-plus?style=solid
https://fontawesome.com/icons/layer-minus?style=solid

[XanderLuciano]

Wonderful! Thank you.

[steveharman]

Fannnnnntastic!

And happy birthday to the ticket. Five years and two months to the day. :-)

[Conrad777]

Which coincidentally 🧐turns out to be the release version too... Now that is one crazy easter egg