An image or pictogram used instead of or supplemental to textual information. Icon requests are off topic; please keep questions related to their use rather than asking what a good icon to represent a certain item/concept would be.

learn more… | top users | synonyms (2)

2
votes
2answers
28 views

ECommerce design: Collective price display vs No. of items

Often on sites of an ecommerce nature, a shopping cart icon will display in the site header/toolbar together with a quick summary of the users activity. This will usually be in the form of either: ...
0
votes
0answers
4 views

Iconography for “Paid” and “Pay Later”? [migrated]

I have been trying to work with using iconography for the status of a booking, which allow my app users to pay now or pay later. After they have selected from these options, they are presented with a ...
1
vote
1answer
60 views

Hamburger Icon/Android Iconography Guidelines

I have the Hamburger/Menu icon in the top left corner of the app in the Action Bar. I know that the normal action bar items (which are on the right) have specific rules about size and opacity (like 60 ...
21
votes
2answers
2k views

Why do websites use a graphic instead of the HTML entity `≡` for the menu icon? [on hold]

Every time I see a website with a menu or a navigation bar, i see the three dash menu button?. And they always use an icon, .gif, .png etc... But there is an HTML entity for that: ≡ -> ...
2
votes
3answers
74 views

Indicate recently answered question

I am working on an web-application form which represented as table rows. These table rows hold item information and can be checked or unchecked. When saved, all checked items are set to be seen by ...
0
votes
0answers
25 views

Best tool for animating icons? [closed]

I'd like to introduce some fine detail touches to our web app, through elegant animations on things like custom preloaders, checkmarks, etc. Think 500px, Google Material, etc. Examples: ...
0
votes
0answers
24 views

What if I can't find a convincing icon for a category/thing? [closed]

I am trying to represent Flat, sharing room and Paying guest accomodation with three distinguishing icons in a space of 30px x 30px on a webpage. I can't afford to put plain text. Any solutions?
2
votes
1answer
49 views

How to indicate a control's value is pending submission

In the application that I'm currently working on, the user is allowed to make changes to a subset of data from an external data source. Changes are made using basic or custom controls such as Toggle ...
2
votes
4answers
181 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
0
votes
4answers
54 views

Best way to differentiate “downloading content” and “downloaded content”

I'm working on an iOS app that lets users download and watch video content. In the playlist section I'm trying to find a way to clearly show what titles are being downloaded, and which ones have been ...
0
votes
0answers
10 views

Paid event availability icons [migrated]

I'm writing an application to allow people to sign up for limited space events. Specifically it's for booking squash courts for our company's squash league. The idea is that people will pay if they ...
4
votes
2answers
2k views

Does Computer mean Desktop and Laptops?

I'm creating a step-by-step chart which specifies to users that we suggest them to be on a desktop (or laptop) to properly use our system. It's a web browser system, and it uses extensive text input, ...
14
votes
2answers
1k views

Info Icon vs Question Mark

We're debating inside our team on whether to use a question mark icon, or an "i" icon for prompting a tooltip that reveals more info. Which do you say conveys the message better? Or, how do they ...
0
votes
2answers
88 views

Which icons can best represent “portfolio”, “process”, “motivation”, and “reflection”?

I'm building my portfolio website. On the navigation bar, there are 3 links: Home, About, and Portfolio. I plan to use icons with them. Home would be while About is Which icon should "portfolio" ...
1
vote
2answers
99 views

Feedback required on Iconography with labels for Payment Method

I am trying to understand the merits of having labels with my icons. Need your opinion on : Clarity of labels in addition to their way of presentation. Approach One Prepaid (Netbanking, Credit ...
38
votes
3answers
3k views

What is the origin of the eject symbol?

On the web, there is a lot of information about the Play, Pause, and other symbols, but I could find no information about the famous Eject symbol at all. The only source I could find was an article ...
8
votes
1answer
442 views

Has the ☰ (three horizontal bars) menu icon received much adoption outside of the western world?

A lot of web sites use to indicate a button that will trigger a navigation menu. It has, for example, been included in Twitter bootstrap (which is used at over a million sites). It is also used to ...
4
votes
9answers
243 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
1
vote
2answers
75 views

Is it better to use a warning icon, error icon, or no icon at all for login problems in a mobile app?

Is it better to use a warning icon, error icon, or no icon at all for login problems in a mobile app? Problems that may happen: Invalid/Incorrect email Wrong mail/password Connection errors
1
vote
1answer
50 views

Icon design for map/satellite image flip? [closed]

I have an app with a map page. The map page features an icon that should be placed on the map in order to query a coordinate. I would like to toggle between map and satellite mode, since in certain ...
1
vote
1answer
102 views

What symbol(s) can represent difficulty level in the context of a game?

In short: How to indicate that a numeric display represents the difficulty level? I'm looking for a symbol that represents the concept of ever-increasing difficulty level, in the context of a casual ...
1
vote
2answers
94 views

Is there a way to represent information with an icon in flat UI or have they to be always actionable?

I would like to represent a file status (i.e. "needs to be reviewed", "done" etc.) through an icon. However, in flat UI you can't distinguish an actionable from a non-actionable icon due to lack of ...
3
votes
2answers
196 views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
2
votes
4answers
59 views

What's a good icon to represent testing? [closed]

Looking for an icon that could represent "click here for significance testing" I have seen scales, bell curves, etc. Looking for other ideas and/or graphic sources.
0
votes
1answer
128 views

Login icon vs global icon on mobile

I'm working on a mobile website and have hit on an uncommon problem. The global site menu uses a hamburger menu (I know there's documentation we shouldn't be using this anymore - but that's another ...
1
vote
1answer
32 views

Are there two distinct icons for 'panning' and 'moving'? [closed]

I am working on a lightweight multi-platform drawing application, and I'm using icons to represent each drawing tool (just as many editors do). However I am struggling to have two icons that clearly ...
0
votes
2answers
174 views

alternative to 'menu' when placing text with a hamburger nav stack icon

Ive been trying to think through some alternative text to place next to a hamburger nav icon. I feel 'menu' sounds like a restaurant, although the only other thing i could think of was to use the ...
0
votes
1answer
54 views

An icon that best represents a user's karma points or a particular score? [closed]

Instead of displaying a numerical amount in the header of a user menu, is there an icon that best represents karma points? Similar to StackExchange but something that further elaborates the concept ...
2
votes
5answers
86 views

Delete permanently or temporarily

So I'm in a situation where I need to have two features for a list/grid of items: Remove an item for just this session Remove an item permanently I think a x or trash icon would be fine for the ...
5
votes
2answers
204 views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
8
votes
6answers
572 views

Should map markers be called pins or markers?

For reasons I won't explain, I have to change the word 'issues' to something different in our UI. 'Issues' corresponds to the number of map markers on a user's map. Should 'issues' be changed to ...
0
votes
4answers
139 views

Suitable icon to indicate that a customer is deceased? [closed]

I am currently working on a system to manage debt, specifically account history. There are various statuses that an account can sit at and the product owner has requested an icon for each status, so ...
0
votes
1answer
62 views

Remove the background on an icon-button [closed]

Good day, I have an "checkbox icon" which opens a window with checkbox groups. I'm not really enjoying the background-color of the icon, I think it's better without the background. ...
0
votes
3answers
146 views

What is a good and short way to convey that a product is available on a “Pay What You Want” scheme

So imagine a small piece of UI, only several pixels tall/wide, that displays a product's info. Usually this widget shows either something like $0.99 USD, BUY, or FREE in order to convey that it is ...
1
vote
2answers
230 views

Do images (icons/glyphs) on buttons improve usability?

I'm working on a desktop application where most of the buttons just have text on them. Putting images (icons/glyphs) on the buttons does make the application look more attractive, but does it improve ...
1
vote
2answers
34 views

Icon or text to un-sync/revert changes

In the context of file management across multiple devices- I would like to provide users with option to "un-sync" or revert synced changes that where made on other devices. The syncing is done ...
2
votes
1answer
126 views

Why is the settings icon either associated with gears or a wrench + screwdriver

I was wondering what the association between gears and settings is because the symbolism/iconography is not clear to me. I can see that in the old days people might have used the wrench or screwdriver ...
0
votes
1answer
389 views

Best user friendly option for buttons and icons placement

I have created below UI controls... but I am not sure if they are really user friendly or not... so overall they should look good as well as user should be able to understand moment they see that ...
3
votes
1answer
94 views

Where did the term 'copy to clipboard' originate? Why is it a Clipboard?

I've always been interested to know where the term 'copy to clipboard' originated, and do we use it because we've grown familiar to it? I'm assuming this phrase originated a while ago when we used ...
0
votes
1answer
53 views

Publish/Unpublish icons, which aproximation is better [closed]

Which one of this icons do you think, is more intuitive or feels more natural for Publish and Unpublish actions. Is there a better option?
43
votes
9answers
5k views

How can I make monochrome icons work?

My company has just implemented a monochrome icon theme in an attempt to transition to a more "modern" interface. Feedback from the first round of user testing has been mixed: Almost everybody ...
0
votes
1answer
52 views

What are the pros and cons for updating an icon that has been used within a company for years?

I'd like to update a company icon which has been used within this particular company since 2003. I personally believe it's time for an upgrade. The icon itself does not reflect the company's updated ...
0
votes
1answer
56 views

Enable and Disable Representation Icon [closed]

I am designing an application. It shows a list of folder which can be enabled or disabled to share. How can we make the user to understand it is Enabled/Disabled in Iconic representation. When the ...
0
votes
1answer
48 views

Is adding a sleep to my code to be able to show a loading icon effective for informing the user

I have follow / un follow feature on my website. Currently, you click the button and using PHP and AJAX I change the button background colour. This is a simple action for the website so doesn't take ...
1
vote
2answers
108 views

Verbiage and Icons for Delete vs Remove

In the application I'm working on, we have two forms of getting rid of an item. Delete: Permanently deleting an item from the system. Once removed, the data is gone. Remove: Removing a linked item ...
2
votes
3answers
89 views

Icon to convey “New,” to be placed next to new features in a web-based app. Any successful precedents/examples? [closed]

I am needing to create an icon to flag new features in our site (such as proprietary search filters, to start). We'd like this to be consistent and recognizable for all kinds of new feature roll-outs ...
3
votes
1answer
95 views

Which unicode symbol can I use to symbolize a task needing feedback? [closed]

Unicode provides check marks ✓ and ballot ✗ symbols that can be used to mark a task as having ended with success or with an error. I am wondering which icon, if any, could be used as for a task to ...
1
vote
4answers
162 views

Is there any specific icon to use for a 'New Tab' button? [closed]

I have a button on my web page, this button once clicked will open a new tab and take the user there. I'm just wondering is there any convention on what icon I should use for this button? At the ...
10
votes
11answers
588 views

Showing which direction a value should go towards

I have an interesting UI challenge. I have a ratio that I am showing in two ways: one using a percentage surrounded by a circumference pie chart, and the other showing a status bar. In some cases a ...
1
vote
2answers
59 views

What is a commonly used, easily identified icon for 'frequently ordered'

I am currently designing an app for ordering food. The user is being shown suggestions according which include his favourites, frequently ordered, popular nearby etc. while the favourites and popular ...