elementary / icons

Named, vector icons for elementary OS
https://elementary.io
GNU General Public License v3.0
550 stars 84 forks source link

Actions: Refresh revert icon #1281

Open newhoa opened 6 months ago

newhoa commented 6 months ago

Use new document shape, rounded arrow, newer style gradients. Make red to indicate risky action and differentiate it from the undo icon.

I'll throw some other options at the bottom, let me know which one is liked best and if this style is okay to go with and I will finish the other sizes. Thanks!

Current: document-revert-current

Proposed: document-revert

prop1

Other options:

Keep yellow arrow, use new document shape: document-revert-yellow

Keep document shape, use red arrow: document-revert-doc

Tried keeping the document shape on that last one, wasn't sure if overusing the square document would be too confusing with import, export, save, and revert.

newhoa commented 2 months ago

Updated this one, went with a deeper red (and added 16px, -rtl icons).

prop2

The 16px one looked weird without raising the arrow a bit. Raising the arrow made it look clearer.

16px-prop1

If the 24px one needs to be changed to match (or vice versa) let me know). It would look like this:

prop3

Anyway, I think this should be ready for review/feedback. Thanks!

danirabbit commented 2 months ago

Hey, so the difference between the tile shape and the portrait rectangle shape is that the tile shape represents the application, not the document. And it was yellow to match "undo" so that the metaphor would be that you're undoing all changes to the document instead of just undoing the last action. I've been tryng to consistently use a yellow arrow to represent traveling backwards in time

I think if we're updating the arrow shape here, we should also make sure to match the arrow tail shape to the new undo/redo arrows