User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm dealing with a space sensitive environment where I have a Save/Cancel actions that need to be icons. In the same area the user can also delete items, using something similar to the one in this link (this can't be changed unfortunately - I would like a trash can).

What are some good options for a cancel icon that is easily distinguishable from the delete icon?

share|improve this question

closed as not constructive by Benny Skogberg, JonW May 18 '12 at 13:09

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.

up vote 6 down vote accepted

Any actionable icon without descriptive text is probably a bad idea, just because it leads to confusion like this. Though, the most common icon I've seen for "cancel", besides the red X, is the "No" symbol:

enter image description here


share|improve this answer
Agreed. Alas I cannot fit text on the screen in this case. I'll use different shades of red, and have a tooltip, so I'll call that good enough. Thanks! – ScottR Aug 27 '10 at 22:51
Often on Mac the delete icon used in toolbars are a circle with a slash through. Using it for cancel may confuse Mac users if they are used to it meaning delete. – neoneye Aug 28 '10 at 0:37
@neoneye: I think this is bound to confuse some users in any case... – Ilari Kajaste Aug 29 '10 at 7:48

The only things that I can think of given your constraints are either a circle with a slash through it (a la no smoking signs) or a back arrow if something like that makes sense in your UI.

share|improve this answer
This is what I ended up doing, but Russell's linked pic has the same idea, and he answered first - so I accepted his. – ScottR Aug 27 '10 at 22:53

Can your save/cancel actions be translated as commit/abort? If so, you could pick some icons that are further away from the traditional save/cancel iconography.

share|improve this answer
Not really. Good thought though. I'll keep it in mind for future reference. – ScottR Aug 27 '10 at 22:51

A trashcan might be unambiguously "delete" instead of "cancel".

share|improve this answer

If the "cancelling" action could reasonable be reframed as a "closing" action, then you may have a few more choices. There are some very familiar icons used to "Close" parts of a user interface, including on the browser window you're using now.

share|improve this answer

Use the file icon and overlay the cancel button suggested by RussellUresti on top.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.