Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a web page that has a list of columns of information. All columns have names and then some of the columns have items in them. I want to have an icon to represent

  1. Hide all empty columns
  2. Showing all columns

All of the icons i see for hide look like "delete" so i want to see if there are any representations of "hide" icons that don't look like delete.

And for "show" the only thing i see is an eye graphic which doesn't seem very intuitive to me.

Does anyone have any recommendations for good "hide" and "show" icons?

share|improve this question

migrated from ux.stackexchange.com Feb 15 at 19:15

This question came from our site for user experience researchers and experts.

3 Answers 3

I think the most common and intuitive way to represent show/hide is the simple square box with "+" or "-" in the middle. Of course, there are many other ways too:

enter image description here

share|improve this answer

according to my view fa-eye for show & fa-eye-slash for hide is best for something to show and hide. enter image description here

available font icon at : http://fontawesome.io/icons/ you can also able to apply the color on icon.

but you want to show or hide sub-menu than use other icon like plus,minus,down-arrow,up-arrow

share|improve this answer

I think there are a few pieces of important things to consider here, the first may be the way you're searching.

Hide / Unhide leads me to eyes and eyes crossed off very similar to user19969 response

But, what it sounds like you're actually after is more of Collapse / Show or Collapse / Display which leads to some results similar to Chairman Meow. In fact that image was the first one I found on a Google search for expand collapse icons.

I think the difference is that based on what you wrote my understanding is you have something like this:

columns

And you want a single set of icons that would remove/hide/collapse the Cats and Cars since those two are empty.

If this is correct I think it should be migrated back to UX because I think you should have some sort of text along with an icon. Something probably on the side that says, "Hide Empty Categories" or something of that nature. Otherwise you'll need an icon by each of those columns and that will get very messy because you're not saying to hide the list but keep the heading, my understanding at least is that you want to hide the heading as well. So... what would the icon be next to when its invisible?

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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