Font-awesome: Icon request: icon-layers, icon-layers-add, icon-layers-remove
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
evitolins
All 99 comments
:thumbsup: , something like:
(from GIMP)
(from http://www.openstreetmap.org/)
fredj
on 27 May 2013
That would be nice for mapping applications. There are some examples for the Layers noun at The Noun Project.
mfontenele
on 19 Jun 2013
+1
andsigno82
on 29 Jun 2013
+1
zheffie
on 29 Jun 2013
Also looking forward to something like this. Especially in a mapping context.
knownasilya
on 3 Jul 2013
+1. The LeafletJS mapping library has a nice icon which is in SVG format. See it an example here and the source here.
ismyrnow
on 18 Jul 2013
+1
jreimers
on 24 Jul 2013
:+1:
icholy
on 24 Jul 2013
+1
AdrianoCahete
on 18 Oct 2013
+1
lvonlanthen
on 23 Oct 2013
+1
gedaiu
on 9 Nov 2013
Just wondering if there are any plans to add these in the near future?
knownasilya
on 11 Feb 2014
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
evitolins
on 12 Feb 2014
+1
minchal
on 27 May 2014
A riff on the stacked example from @evitolins. This is just using css transform and the fa-stack-1x class.
ismyrnow
on 7 Jul 2014
Nice @ismyrnow. Your version looks much better :)
evitolins
on 13 Jul 2014
Nicely done, but it should really be a default icon, as it is pretty generic
CoDEmanX
on 26 Aug 2014
+1
SmartyMcFlyNL
on 9 Oct 2014
+1
MarkLeMerise
on 28 Oct 2014
+1
shaunakv1
on 14 Nov 2014
+1
seph1603
on 21 Nov 2014
+1. Google's Material Design icons is a good example.
ghost
on 10 Dec 2014
+1
dmland
on 11 Dec 2014
@cadegis: I can't find any layer-related icons in material design?!
CoDEmanX
on 12 Dec 2014
+1
vtforester
on 16 Jan 2015
+1
I'd like to see icons, off-set top-right, that could be used for add, remove and new (plus, minus, asterisk).
StuartHemming
on 29 Jan 2015
+1
katelynnobrien
on 30 Jan 2015
+1
tomay
on 9 Feb 2015
+1
BohdanTkachenko
on 16 Feb 2015
+1
kalemontes
on 18 Feb 2015
+1
zverev
on 25 Feb 2015
+1
vlipman
on 13 Mar 2015
:+1:
jdebbink
on 30 Mar 2015
+1
seph1603
on 31 Mar 2015
+1
ShockRaver
on 29 Apr 2015
+1
mdiener21
on 29 Apr 2015
+1
rontav
on 2 May 2015
+1
prebm
on 6 May 2015
+1
SolveSoul
on 21 May 2015
+1
josef-brink
on 11 Jun 2015
+1
kevinkaske
on 25 Jun 2015
+1
isaksky
on 15 Jul 2015
+1
jancel
on 23 Jul 2015
+1
mfilotto
on 1 Aug 2015
+1
padlas
on 18 Aug 2015
+1
cmartin616
on 12 Sep 2015
+1
worthlutz
on 2 Oct 2015
+1
EricHedden
on 5 Oct 2015
+1
sebastibe
on 9 Oct 2015
+1
Peinkillar
on 6 Jan 2016
I think there is no actual necessity to do this, as you can get pretty much the same icon by using .fa-clone with .fa-rotate-270, or possibly rotating it yourself by 225deg.
But whatever.
3Nex
on 9 Jan 2016
scale(1, 0.75) rotate(225deg) is perfect for me
thx
Peinkillar
on 4 Feb 2016
Hello guys
I love font awesome, but some icons that we need take a lot of time to be added to font awesome, so I decided to create an extenssion to make it easy , if you would like to use them , you can download this at https://github.com/AndreLGava/font-awesome-extenssion. fa-layers was an icon that i used. If there are any problem please create an issue on the GitHub project
AndreLZGava
on 16 Apr 2016
+1 although the solution above (with rotation) is nice it does not look good in some cases, for example (the lines do not look sharp):
The extensions is a solution put I prefer not to add another library of font to my project if possible...
HarelM
on 16 Apr 2016
Yea @HarelM I agree with you, its just a simple solution for those who want it quikly to their projects, I'll try to turn them better :D
AndreLZGava
on 18 Apr 2016
+1
AAudusseau
on 29 Apr 2016
+1
tgunnoe
on 23 Jun 2016
+1
mike-mcgann
on 23 Jun 2016
+1
Benjaki2
on 23 Jun 2016
+1
chugcup
on 23 Jun 2016
+1
rboller
on 23 Jun 2016
+1
bpmweel
on 21 Jul 2016
+1
espton
on 16 Aug 2016
+1
cedrikv
on 13 Sep 2016
Ok. this should be included in the next release. :) +1
zuhrasofyan
on 19 Oct 2016
+100
why hasnt this been included yet?
saltnpixels
on 8 Dec 2016
+1
martinisef
on 16 Dec 2016
+1
tayvano
on 6 Jan 2017
+1
Half-timber
on 9 Feb 2017
+1
anthony-dgj
on 27 Apr 2017
+1
jkubos
on 8 May 2017
+1
wondie
on 10 May 2017
I have lost hope on this icon request, moved my code base to use icomoon.io.
HarelM
on 10 May 2017
Not to knock the project maintainers, but the fact that this has stayed open for so many years, without comment or resolution, would seem to point toward @HarelM's solution.
kubark42
on 11 Oct 2017
+1
joedjc
on 31 Jan 2018
+1
lipegon
on 16 Feb 2018
+1
fofi
on 2 Mar 2018
+1000
gulipad
on 2 Mar 2018
+1
mafajardo
on 2 Mar 2018
+1
jslaulhe
on 2 Mar 2018
Amazed there isn't a 'layers' icon. Surely one of the most common use cases of a map is to overlay different layers of information? Anyway, +1 to this please.
steveharman
on 5 Mar 2018
+1
not sure why we have a beer icon, but not this?
txcajun
on 22 Mar 2018
+1 Beer Icon
XanderLuciano
on 13 Apr 2018
+1
ptlola
on 26 Apr 2018
+1
ShaunForbes
on 11 May 2018
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.
steveharman
on 11 May 2018
Indeed, @steveharman. To make it worse, just checked out Google's Material Design icons, which includes the layer icon from the very beginning.
lipegon
on 11 May 2018
+1
wsierradev
on 18 May 2018
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 ¯_(ツ)_/¯
Conrad777
on 4 Jun 2018
With one additional layer of fa-clone and a little bit of CSS transform, you can get this look:
dmland
on 12 Jun 2018
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.
XanderLuciano
on 13 Jun 2018
+1
WTIGER001
on 15 Jun 2018
+1 Layers!
tomatillodesign
on 19 Jun 2018
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...
steveharman
on 22 Jun 2018
Just added this to in-progress and hoping to get it included in a release soon.
sensibleworld
on 22 Jun 2018
https://fontawesome.com/icons/layer-group?style=solid
https://fontawesome.com/icons/layer-plus?style=solid
https://fontawesome.com/icons/layer-minus?style=solid
sensibleworld
on 25 Jul 2018
Wonderful! Thank you.
XanderLuciano
on 25 Jul 2018
Fannnnnntastic!
And happy birthday to the ticket. Five years and two months to the day. :-)
steveharman
on 25 Jul 2018
Which coincidentally 🧐turns out to be the release version too... Now that is one crazy easter egg
Conrad777
on 25 Jul 2018
Related issues
ghost
·
3Comments
huuphat
·
3Comments
ojvribeiro
·
3Comments
sezeresen
·
3Comments
daneren2005
·
3Comments
Most helpful comment
Just added this to
in-progressand hoping to get it included in a release soon.