Questions tagged [icons]

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.

Filter by
Sorted by
Tagged with
5
votes
3answers
2k views

Icons for username and password [closed]

I have login page with two input boxes, one for username and one for password. On the left of these input boxes, I want to put descriptive icons. I think the profile of a bust, and a key, would be ...
5
votes
3answers
952 views

Best icon to represent transparency? [closed]

What would be the best image/icon to represent transparency? It should be as compact as possible and fit in a 13x11 area. I see that I should add more information. I need this image/icon to be placed ...
5
votes
11answers
1k views

How to indicate the word “interesting” with an icon? [closed]

In the project I am currently working on everything is based around the essence of "interests". One of the most important and bold UI elements in this project, is a button that when pressed gives us ...
5
votes
5answers
913 views

Iconography for Beginning and End points? [closed]

I'd like to create icons for the endpoints of a process, but I'm not sure what to use. Going with "A" and "B" comes to mind as that's a familiar reference (e.g. "the shortest distance from A to B") ...
5
votes
8answers
918 views

What Is the Best Approach To Minimalist Buttons (Icons)?

My web app, like most, is trying to utilize as much space as possible by trying to use an icon as a button to perform specific tasks. I have quite a few that would make for a pretty obscure button, ...
5
votes
4answers
316 views

How do I succinctly portray the status of a filter, showing which options are enabled or disabled? [closed]

Suppose you have a todo list application with a filter bar (for searching and filtering what tasks to see in the list), and the filter bar has a status selection, thus: The status filter can have one ...
5
votes
3answers
20k views

Defined used for the icon: three vertical dots

Is there a defined use(s) for the icon I have seen various uses for it, but I would like to know if there is a standard purpose for it - or if it can be used as a shortcut for any function needed ...
5
votes
7answers
513 views

What's an appropriate icon to represent an organisation? [closed]

Ok, so I need to use an icon to represent organisations in an otherwise boring list. What comes to my mind directly is either using something financially related, such as a small stack of coins, or ...
5
votes
4answers
2k views

Icon for “More”, like more results [closed]

I need an intuitive icon which represents "more" ITEMS (or "more items like this") (or other "similar" items to this item). I have space constraints on the screen, so I can't exactly use a label.
5
votes
4answers
386 views

Finding a set of stock icons that match existing icons [closed]

We have a web application with a dozen or so icons for various functions. The icons were provided by a web design company during a redesign of the site two years ago. The company no longer exists. We ...
5
votes
2answers
4k views

Is there a common or typical icon for an external link to a company web site?

I am building a web site directory that lists thousands of companies. Each company has a external company web site, and several social sites, such as Facebook, Twitter, and Instagram. I have a nice ...
5
votes
1answer
1k views

Which icons are the easiest to read, solid or hollow?

With io7, Apple made a switch in the tabbars to icons that for the most part are line based. In other places, such as their app icons they are using mostly solid icons. That made me wonder if there is ...
5
votes
4answers
3k views

Actions (icons) in table

I'm working to redesign our application and we are unsure where the table actions should be (in the left side of the row, right side, with or without submenu, etc). Please help us to define with would ...
5
votes
2answers
2k views

Positioning the Open/Close Caret

While most of the more recent examples I've seen around the Web seem to prefer placing an open/close carat icon before its corresponding menu/selection label, there seems to be no standard on whether ...
5
votes
6answers
869 views

Red (and green) indicator icons on a dark blue background

We have a webapp with a dark blue background (this is a branding decision, and we don't want to revisit it... yet). We want to indicate positive/negative change with the traditional "stock ticker" ...
5
votes
3answers
552 views

Is it good UX that in Windows 7 & 8 the “windows” of the same application are automatically grouped into one button?

In Windows 7 and 8, all the windows of every application are by default automatically grouped into one icon on the taskbar. This happens even when there are two instances of the application running i....
5
votes
4answers
269 views

Should application name relate to application icon?

Should my application name relate to app icon? For example if I want to name my application apple should the icon be an apple icon?
5
votes
5answers
566 views

How to show that an element has been previously modified

Note: I've been through the following questions and, while they do provide some useful insight, they are all really old (2010, 2012) and not really a duplicate of my use case → 1, 2, 3 I have a ...
5
votes
2answers
557 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
5
votes
2answers
487 views

When to use the folder-metaphor?

For a top-level navigation I am currently working on, I was wondering if it would be a good idea to use folder icons to communicate that an item in the list is actually a container (a folder) of items....
5
votes
2answers
782 views

Icon based buttons or Color based buttons which is more UI attractive and Friendly

I am seeing websites increasingly switching to color based buttons and interaction elements rather than icon based is this a trend or do they have reasons behind the switch? For example see the ...
5
votes
1answer
156 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 ...
5
votes
2answers
246 views

Icons and colors on menus

I wonder when (if at all) it is appropriate to use icons next to menu entries (drop down menus, right click contextual menus etc). I have noticed that pretty much all of the menus I have seen only ...
5
votes
4answers
333 views

When are shadowless icons preferred over shadowed icons?

My question is when, if ever, a shadowless version of an icon is preferred over the shadowed version. By shadowed I mean the tiny, almost imperceptible little black gaussian blur below the icon. I ...
5
votes
1answer
568 views

social sharing ui/ux on mobile. actionable text + icons or icons only [duplicate]

We trying to implement decent social sharing module for our app and have 2 question, which are pretty much related: Is it important to have visible text which directly say to user what to do, like ...
5
votes
3answers
4k views

Is an aria-label necessary on icon fonts with additional context?

Given the following code, which is an error message on an invalid field entry: <i class="attention" aria-label="alert">Please enter a valid email address. The icon font is an alert icon (red ...
5
votes
2answers
8k views

Best uses of ? (help) and i (information) icons in UI

What are the best standards of usage for the help and information icons? (I'm unable to post an image because I am a new user, but the icons are either a ? or an i in a circle, most commonly) The ...
5
votes
3answers
5k views

Are <,> or “Previous,Next” buttons better for form navigation in iOS 7?

Before iOS 7 form navigation in iOS 6 Safari was handled by a "Previous,Next" segmented control just above the keyboard. But with iOS 7 they are replaced with arrows "<,>". However in the iOS 7 ...
5
votes
2answers
1k views

Icon placement when it opens a new window

When using an icon to represent a link I believe the standard convention is [icon] [Link]. A colleague has raised the point that for links that open in a new window, the icon should appear after the ...
5
votes
1answer
566 views

Should I show a row icon on hover?

I have several rows of content, with small font icons to the right of each row for actions to take. I feel these icons clutter up the look of the page, so I am considering a default opacity of 0 on ...
5
votes
2answers
1k views

Multiple download buttons for a file type

i am designing a UI for a web application, there are multiple card like entries in a list, each item in the list can be uploaded in file type A downloaded in file type A downloaded in file type B ...
5
votes
3answers
427 views

Search results - representing/showing parent/child records

I have a couple of questions which relates to how to best show parent/child records on search results. An example first: If you have digitised 300 individual pages of an illuminated manuscript, then ...
5
votes
3answers
2k views

“Send by text/SMS” - is there a standard icon?

"SMS" has proven to confuse some younger users in usertesting. The envelope icon is reserved for email. Is there an established or emerging standard that says "send this by text message"?
5
votes
2answers
5k views

Icon size inside a button [closed]

Is there a correct size, or relative size, to use on an icon within a button with/without text? I've seen this being used a lot of times but didn't found any source about choosing the proper icon ...
5
votes
6answers
3k views

Is it better to use “i” or “?” for tooltip/help content on mobile [duplicate]

Right now the interaction is that when you click the small "i" icon next to a questions, additional text displays for clarification. (Shown in the example "Carrying anything that makes it heavier?") ...
5
votes
1answer
5k views

Why did Microsoft make all the Office 2013 icons have such similar colours? [closed]

We've just been upgraded from Office 2010 to Office 2013. There's the usual assortment of UI rejigs, most of which are either the modern trends (ultra-flat icons and UIs), fairly neutral, or easily ...
4
votes
5answers
1k views

Most intuitive icon to represent “me” or “myself” [closed]

For example, in a shopping cart, I may buy this purchase for myself ("me" / "myself" icon), as opposed to gifting it to someone else (box with bow-tie icon). What is the ideal icon to represent ME?
4
votes
4answers
562 views

How would you represent “easy”?

I'm working on an app that requires someone to rate the how they did at recalling an item (to which they are shown the correct answer before they rate the item). The three options are: wrong, right, ...
4
votes
3answers
2k views

An icon to represent all icons [closed]

I would like to know if there is a universal approved Icon to represent all Icons. I have a folder that contains all of my custom designed icons. I would like to design and create a custom Icon, to ...
4
votes
3answers
2k views

What is the best symbol to use for currency?

I need a generic symbol to use for a currency icon. The US Dollar and the Euro symbol seem to be pretty equal competitors, but I know this can be a touchy concept and the selection of either could ...
4
votes
4answers
600 views

Would you consider this a button? [closed]

I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation). The first ...
4
votes
3answers
937 views

would you find it confusing if a megaphone icon was used to represent a phone call? [closed]

Bit of an odd question, and I can't go into all the circumstances why I'm asking this, but anyway: would you find it confusing if a megaphone icon was used instead of a cellphone or telephone icon to ...
4
votes
2answers
513 views

Why do the “reply” and “reply all” icons point to the left?

I was working on an Android app set of wireframes and then tried to add the reply and reply all icons from Material Design Icon Font. I browsed up and down to find out the common arrow for reply or ...
4
votes
5answers
1k views

Icons only vs list with icons

I'm wondering what's the UX point of view of using only icons or a list with text + icons. Only icons List with icons The only icons options provides a faster way to access to the action, as you ...
4
votes
6answers
1k views

Good metaphor for time estimation vs. spent time

Representing time generally is easy with a clock, an hourglass etc. But how would you differentiate between a time estimation and the actual time spent on a task? Do you know of any example where ...
4
votes
3answers
395 views

Can icons improve readability on a navigation?

Our app has many tools and we have a navigation of about 10 tabs. Tabs can be re-arranged and this forces the user to find them by reading the label. Would icons make it more usable?
4
votes
4answers
370 views

Editable Field Icon Placement?

I have a form for uploading attachments (PDFs). After uploading them, there is a section (as seen in the image below) allowing you to rename the attachment, view it, or delete it. The edit icons seem ...
4
votes
3answers
374 views

Using a generic logo to describe an entity when logo is not available

Context: Cinema ticket booking app. App displays cinemas and screenings for a specific movie in user area. Problem: Part of the design uses logo to identify a cinema. Not all cinemas have a logo. ...

1
3 4
5
6 7
15