[UX] Undo icon is not differentiable to rotating

[rugk]

Describe the bug In a context where rotating an image could be a valid action, the undo icon being circle-like can cause confusion and thus cause an UX issue. Edit: Checked with ForkAwesome too. It applies here too. Sorry for my lazy copy-and-pasting.

There is no way from differentiating rotating – which does not even have it's own icon. (same applies to "redo" of course)

There needs to be a way to show all these different semantic meanings (rotating vs undo/redo vs repeating) with icons.

To Reproduce This issue originally appeared in https://github.com/okfde/froide/issues/439

Here is an example screenshot of your media icons used as an alternative in production:

Here are the problematic undo and redo (retry) icons:

Note this is v4 of FontAwesome, but it's also reproducible with v5.

Expected behavior Some other fonts have better icons:

• ionicons e.g. has that one in ios-undo or maybe even better IcoMoon with undo-2 (search for "redo" to get the reverse icon)

It's important that it is an arrow that cannot imply turning. You can do that by:

• no circle
• letting it point to the left
• changing the size of the arrow during the point
• let it start from the bottom
• …

However, also don't make it a straight error as that may be intended as navigation / i.e. back/forward icons, and you of course already have that.

For further related work look at basically any text processor/IDE/word/WYSIWYG editor… E.g. LibreOffice:

Screenshots see above

Version and implementation Version: 1.1.7 according to your website Browser and version: does not matter/design issue

---

Also reported upstream to Font Awesome: https://github.com/FortAwesome/Font-Awesome/issues/17803