Font-awesome: Change icon "ban-circle" to conform to international sign-design guidelines

Created on 5 Aug 2013  路  11Comments  路  Source: FortAwesome/Font-Awesome

The Ban-Sign in Font-Awesome features a Circle, striked through by a bar from left bottom to right top. That is not a proper ban sign, just look at international traffic-signs. There a ban is always the reverse sign of yours, while your's means releasing some ban.

Ban sign always has a bar going from left top to right bottom. The graphic-designers explanation for that sign:
In psychology the direction of "future" is to the right, coming from left. Also positive is to the top, while negative is to the bottom. So a sign showing a strike-through like the ban-sign of Font-Awesome is actually releasing a ban, not setting it, because the bar goes up and shows a move to the positive. That's why a proper ban-sign has a bar coming from the top going down to the negative bottom symbolizing a ban. No = down!

Please either change the icon's strike-through bar direction or do another ban-icon which is designed the other way round. Thanks! ;-)

I've attached an image of a proper ban-sign:
10236730 height 150 width 150 no-ban-sign

BTW: Yes, there are many signs like your's out there, but you know: Somebody sometimes got it wrong and it spread around and now most of the people don't know what the correct sign is. But that doesn't mean that the reversed signs are correct. ;-)

enhancement web application icons

All 11 comments

+1

@Luzifr meanwhile you can add icon-flip-horizontal

Yes, i know, but it's extra code ;-)

...and it's not compatible with IEsomething

Not only would the symbol have to be flipped horizontally to mimic the ISO 3864 standard (which can still be achieved in the meanwhile with the the "fa-flip-horzontal" class), the current style is also not ideal for stacking since the strike-though is too thick and would cover too much of the icon in the background.

I suppose for versatility it would be useful to also have fa-ban-square as well (useful for larger background icons).

https://en.wikipedia.org/wiki/No_symbol

added to 5.0.0 milestone so Dave will eventually take a look

That would be very welcome!

+1

Very interesting! Yes, we will definitely get to this in 5.0.

Yes, I echo the OP's thoughts exactly; as a designer, it is unnerving when I see the "not symbol" used incorrectly. As the OP stated, the intention of the design of the symbol's slash being drawn from top-left to bottom-right is to invoke a negative declaration when reading from left-to-right. The "motion" is therefore in the downward direction. This symbol was specifically designed to invoke such subconscious emotions to the reader, i.e., down = negative, red = negative/stop/danger/loss, up = positive, green = positive/gain/go/proceed/ok, etc. Sometimes when I give a talk on design, one of the first things I do is have people draw this particular symbol on a piece of paper and hold it up... then I speak about Design 101 and why this symbol has a correct usage and the intended design principles behind it.

Fixed in 5.0.0

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jakuuub picture jakuuub  路  3Comments

huuphat picture huuphat  路  3Comments

lickmydesign picture lickmydesign  路  3Comments

ufoczek picture ufoczek  路  3Comments

sezeresen picture sezeresen  路  3Comments