Icon before the value or vice versa?

by Peter   Last Updated January 05, 2018 20:16 PM

In what cases icon should be put before the relevant value and vice versa? For example, when it comes to text icon is always displayed first and then follows text. But when it comes to numbers I see don't see a particular trend. How does value to icon position affect usability? Or maybe sometimes it's just easthetic decision?

Here are some examples:

Behance screenshot

Note, that battery percentage value always comes before icon, at least from what I've seen on mobile devices and laptops. But for likes its usually icon before the value.

Stackexchange screenshot



Related Questions


Modern UI icons vs traditional icons

Updated July 05, 2016 08:06 AM



Need suggestion for selecting icon for this menu

Updated April 28, 2016 08:06 AM

In RTL mode do icons need to be mirrored?

Updated October 07, 2016 09:06 AM