Font-awesome: icon request: fa-arrow-ne, fa-arrow-nw fa-arrow-se, fa-arrow-sw

Created on 10 Apr 2013  Â·  24Comments  Â·  Source: FortAwesome/Font-Awesome

Love this font/icon set. Would love to see diagonal direction arrows. You currently have NSEW...would love NE, SE, NW, SW to complete the set.

arrows (category) in progress new icon

Most helpful comment

I too, this seems really basic and OLD to not be implemented. (please??)
I'd prefer it for all styles of arrows,
plain, Circle-o, circle-inverted, and long arrows... I want to use them as legends on a map.

All 24 comments

Nice...but not cross-browser compatible. Right?

You should be right, it's not cross-ancient-browsers. So i said "meanwhile"

http://jsfiddle.net/n8DcS/3/

This one is tested and working on:

Chrome 26, Firefox 20, IE10, Opera Mobile 12 (emulator), Opera 12

I'm pretty confident it doesn't work on IE8 but... I'm not 100% sure since jsfiddle is not working on IE8 :laughing:

edit: there are css filters to rotate elements in IE6/7/8 too but I can't test them, sorry
http://stackoverflow.com/questions/4617220/css-rotate-property-in-ie

http://jsfiddle.net/n8DcS/4/

Now works in IE9...but it looks horrible. I will test in IE7-8 and post back.

fa-arrows

Please please please add these to FA!

wow, it's... it's... awesomely ugly!

IE9 doesn't support a better rotation?

Unfortunately I don't have IE9 at all

Anyway the rotation trick I posted is a workaround that can be useful on modern browsers...

+1

+1

Hi Tagliala,

I noticed it doesn't work with the new version of font-awesome.css 4.0.3

Am I doing something wrong? I just modified your fiddle.

http://jsfiddle.net/sebababi/n8DcS/11/

Thanks
Sebastian

@sebababi

Two main issues: the new fa fa- syntax, an display: block for rotated elements. Here it is: http://jsfiddle.net/n8DcS/12/

Great, that worked perfectly !!! thanks a lot

I needed some weather icons (wind direction included) and I found this awesome weather icons font.
Maybe it can help (I have no relation with the author) !
http://erikflowers.github.io/weather-icons/

Still nothing here?

+1

+1

+1 - but the fiddle is awesome.

+1 also possible to add aliases for all wind directions? N, NNE, NE, ENE, E etc etc? (as in fa-arrow-ene)

+1 Also would love to have NW, NE, SW and SE arrows

+1

+1

+1

I too, this seems really basic and OLD to not be implemented. (please??)
I'd prefer it for all styles of arrows,
plain, Circle-o, circle-inverted, and long arrows... I want to use them as legends on a map.

+1

why is this still not in

really don't understand why diagonal arrows aren't in fa? seems like such a basic thing to be missing 😬

A work around is that you can rotate the icons (say 45 degrees) to get them
to be diagonal.

On Wed, Aug 12, 2020, 8:41 AM Lucas Johnston notifications@github.com
wrote:

really don't understand why diagonal arrows aren't in fa? seems like such
a basic thing to be missing 😬

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/937#issuecomment-672951490,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/ABJMMUDLNNRA22JT6I5KWZ3SAKZ2TANCNFSM4AEQYE5Q
.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rufengch picture rufengch  Â·  3Comments

lickmydesign picture lickmydesign  Â·  3Comments

jakuuub picture jakuuub  Â·  3Comments

ufoczek picture ufoczek  Â·  3Comments

omnimint picture omnimint  Â·  3Comments