Skip to main content

Questions tagged [icons]

An image or pictogram is 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
1 vote
1 answer
44 views

What is the story behind the moving_ministry material icon? When do I use it, and what does it communicate to my users?

There is the moving_ministry material icon: moving_ministry I considered using it to communicate "moving away/changing location" in context of a care-at-home mobile social services ...
dlatikay's user avatar
  • 111
0 votes
0 answers
19 views

Best practice for Icon grid [migrated]

I’m currently creating a design system and when it comes to icons, i’m not sure what do to regarding the frames for the icons and padding inside it. Google Material UI recommends to have 24x24px ...
Hugo P's user avatar
  • 1
4 votes
2 answers
238 views

Any trends or examples of how to distinguish between AI and human generated content?

With a lot of AI generated content populating the Internet and its growing presence, it seems socially responsible for individuals, businesses and organizations to provide some disclaimer about the ...
Michael Lai's user avatar
  • 27.4k
7 votes
1 answer
436 views

Is there any study to support gender neutrality in the user icon?

Consider this: To me, this is gender neutral. It's just an abstraction and there's no way to tell if it represents a man, a woman, a trans person, or whatever. However, many people interpret this as ...
Devin's user avatar
  • 38.1k
2 votes
1 answer
134 views

Should ellipses be used in main/global navigation bar?

I was browsing the BBC website and I noticed they are using ellipsis to indicate there are more items in the main navigation than visible. I attached two screenshots, the first one is before clicking ...
dgr's user avatar
  • 23
3 votes
1 answer
164 views

Should tooltip icons appear before, or after the element they refer to?

I have a field label with its associated value but am unsure whether the tooltip icon should display before, or after either of these items. (Also, it could potentially appear after the label but ...
Michelle's user avatar
1 vote
2 answers
106 views

Visual way (icon or otherwise) to indicate localization language is only partially complete

We have an application that is localised in 40 languages and that number is growing. When a person first starts up the program they are greeted with an interface language choice: When a user ever ...
Happy Coder's user avatar
1 vote
1 answer
67 views

Buttons with icon. Possible problems

I'm designing a web application. In several pages there are many secondary buttons that allow users to perform actions. For example, inside an "Order" page you can: Create notification ...
Danielst's user avatar
  • 371
9 votes
1 answer
2k views

Is there an accessibility standard for using icons vs text in menus?

I'm asking as a user here (I work in QA, fwiw) - is there a standard for accessibility in terms of using text labels vs icons only in menus? I searched and found a lot of conversations about including ...
aospovat's user avatar
1 vote
1 answer
433 views

Does it make sense to visually differentiate between native select vs custom select/dropdown component?

I am a junior product designer (previously a frontend dev) at a startup so I still have a lot to learn. I'm the sole designer working on a SAAS after multiple other designers have worked on it. I'm in ...
Mosh's user avatar
  • 161
0 votes
1 answer
29 views

How to show elements in a table row that are not combinable ? ( Pls see description)

I am having issue with a current project. We have a table which shows "offers" and also these offers would be applicable to mobile numbers labelled as : Number 1, Number 2 etc as you shown ...
Diego's user avatar
  • 69
0 votes
1 answer
92 views

Basic question I know but what is the different between this dropdown to select with up/down icons rather than a dropdown with a chevron?

I have seen this a few times and never really gave it much thought. Why does it have an up and down arrows or how does it behave differently than a regular dropdown.
Keano's user avatar
  • 71
0 votes
2 answers
91 views

Icon for partialy visible [closed]

I have a collapsible hierarchical list of items. The child items can be made invisible, when this happens a 'hidden' icon is displayed next to the item in the list (shown with an @ in my example) |-@ ...
partialhiddenicon's user avatar
19 votes
8 answers
4k views

Is colour alone enough to convey warning?

I'm designing page that has an alerts panel in relation to healthcare. I'm using a pale red to convey that action needs to be taken immediately, orange to show that something is due soon and green to ...
Beth Medlicott foster's user avatar
9 votes
5 answers
3k views

How to indicate that a button is locked?

I am designing a service, where certain features would be available only for registered (and paid plan) users. On the front page, there are two options: "Quick scan", that selects the ...
Claudio's user avatar
  • 218
0 votes
1 answer
114 views

What should be the order of icons in an accordion?

In the interface I'm designing, I'm using several cards that work as accordions (they can expand/collapse). Each card has a title, and next to it a " plus " sign. One particular card also ...
Paula's user avatar
  • 87
0 votes
1 answer
88 views

What icon should I use for an attachment for each row in a table? [closed]

I am trying to design a table for a dashboard. At the end of each row, there will be an icon button to download a file associated with the record of that row. I have narrowed down to two options which ...
SickFromFame's user avatar
0 votes
1 answer
869 views

Do small icons have to pass at least 3:1 for contrast accessibility?

Can anyone clarify if icons (UI elements) 20x20 etc have to be 3:1 and is that a recommendation? Thanks
Keano's user avatar
  • 71
0 votes
1 answer
355 views

Why is the icon for password a lock, should it not be a key?

When I did a google search for "password icon", there are way more for "lock" than "key". Maybe this is what the masses expect, but should one follow the trend, or start ...
run_the_race's user avatar
3 votes
1 answer
427 views

What icon should Restore (previously deleted file) button have? [closed]

I have a button with a bin icon that deletes a file. What icon should the 'Restore' button have? The restore button simply undoes the file deletion.
Pawel's user avatar
  • 131
5 votes
3 answers
300 views

If decrease in time represents a better score, should I show an up or down arrow?

I've created a Rubik's cube timer web app, and each time a user uses the stopwatch, their time is added to a table on the webpage. With each attempt, an arrow is shown informing the user whether ...
code's user avatar
  • 151
0 votes
1 answer
56 views

How can "exit" mean "continue"?

When you press Exit button on remote controller while using Kodi, this player won't stop playback. It will exit to one of the menu pages that you've been browsing before playback, but will continue ...
trejder's user avatar
  • 121
0 votes
3 answers
608 views

How can "down arrow" mean "increase"?

I've been 30+ years in IT and for me down arrow always mean: decrease (volume, value), subtract, move backward etc. Pressing the down button on the left or right side of any mobile device means volume ...
trejder's user avatar
  • 121
0 votes
2 answers
161 views

Use open_in_browser icon or open_in_new icon inside native mobile app

In a mobile app having a menu entry in the navigation drawer which points to a URL being opened outside my app, in the user's default browser, I msut add an icon to the right of the menu item, I got a ...
David's user avatar
  • 101
0 votes
1 answer
131 views

Color for Completed Stage Icon

Currently I'm designing a web where there is a progress bar. It have 3 stage. When stage 1 is completed, the icon will change to green, the remaining icon for stage 2 and 3 will remain grey-ish color. ...
Bassyirah ibrahim's user avatar
0 votes
1 answer
635 views

icon left or right side the button?

Why is the icon placed on the right side of the button in some designs and on the left side in other cases?
mahdi mortazavi's user avatar
0 votes
3 answers
398 views

How to visually represent 4 state checkbox

I'm trying to represent 4 states: Not started In progress Submitted (uploaded) Approved Update: these are display only. Not clickable or changeable. (Program changes their state after other actions ...
Clay Nichols's user avatar
  • 1,548
1 vote
2 answers
61 views

How to add relevant visual interest to an online course listing?

A company sells online courses in the US that are state-specific. The course names are often very technical (due to state requirements) and the average user doesn't know which course they need until ...
Sam's user avatar
  • 51
0 votes
1 answer
101 views

What should I do when I have 2 diferent edits for the same "object"

So in my use case I have a list of objects in a sidebar and the rest of the screen is a grid with different elements in there. I can modify them with the edit mode. There is one icon for every object ...
Miguel Marques's user avatar
3 votes
1 answer
91 views

What is the correct way to represent annotation to a numerical value in arabic

I was watching Apple's 2022 video "Design for Arabic". In their weather application example, I found that they had two different representation of Degree symbol refer the image below. I ...
palaniraja's user avatar
16 votes
3 answers
3k views

Does Material Design 3 recommend an incorrect icon style?

I was looking at the Material Design 3 Icon design principles and they have an example that seems like bad UX to me. I'm sure I'm wrong but I'd like to know if (and how) the "Do" is better ...
FrontDeer's user avatar
  • 173
1 vote
1 answer
82 views

Confirmation messages

For a newsletters management page, when the user subscribes to a newsletter and clicks on the relative icon to subscribe (in this case an empty circle), is it necessary to push a pop up message ...
Maria Doretto's user avatar
1 vote
1 answer
540 views

Arrow indicating alphabetical sort points down but arrow indicating price ascending arrow points up

I've recently run into a dilemma while searching for icon ideas for sorting UI elements. The issue is that the icons for sorting items in ascending order by price and ascending by name (alphabetical ...
7z99's user avatar
  • 13
0 votes
3 answers
3k views

Accessibility of Icon Buttons?

I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels. ARIA and some HTML techniques can achieve ...
Daniel Vianna's user avatar
1 vote
3 answers
97 views

How to properly test hierarchy and order of the toolbar?

We are improving our toolbar in our web app. We are planning a tree test or similar to test the tools out. A bit stuck on how to properly test the hierarchy and order of it. Any available methods or ...
yellingbytes's user avatar
1 vote
1 answer
544 views

What is the symbol to start printing called?

What is a common term used to describe the symbol that is used on printers, photocopier and fax machines to start printing? It is square standing on one of its corners with a vertical line inside ...
Glutexo's user avatar
  • 113
2 votes
1 answer
1k views

Best icon for linking to a different page on the same website? [closed]

Below is the current icon I'm using (top right of boxes). I'm worried that it looks like an external link. Is there a standard icon used for internal links? I was thinking about something similar to ...
Jam's user avatar
  • 121
2 votes
2 answers
562 views

Icons for indication vs. icons for action

I'm working on some tables that use both non-clickable indication icons (the R and the Repeat icons on the left) and clickable action icons (the dollar sign and printer icons on the right). I think ...
Izquierdo's user avatar
  • 12.8k
0 votes
1 answer
661 views

What is the best practice for an icon placeholder?

I'm designing a bunch of eCommerce themes which come with a design file - the file is a low fidelity version. In the high fidelity design there are various times when icons are used, for example: ...
Callum's user avatar
  • 1
1 vote
2 answers
627 views

Is there a recommended distance between an action icon in the toolbar?

See example from Outlook. I know the answer may vary, so I'm looking for an answer which is backed up (not sure if anyone researched it). I want to show my team and try to convince them of the current ...
AsafBO's user avatar
  • 1,002
22 votes
9 answers
7k views

What are some good alternatives for using a lot of icons in software?

This is my first time posting here. The company I work for uses A LOT of icons (100+) in every color to specify the meaning of a specific table row. See the image below for clarification: I've been ...
IDEAX's user avatar
  • 221
2 votes
1 answer
300 views

Is it acceptable to use the same arrow icon style for two different functions on the same web page?

In this scenario I am using a chevron type icon for left/right navigation in a carousel to move through content. At the same time I am also using the same chevron inside buttons alongside text to ...
Drai's user avatar
  • 123
2 votes
2 answers
129 views

Search results iconography - is it needed?

I'm trying to make a case to add iconography to our company's predictive search results. For instance, a magnifying glass next to each query, or a timer icon next to recent searches. How do I ...
Matthew Gelfand's user avatar
16 votes
3 answers
6k views

Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean?

Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean? I'm not sure if I can use it.
Elena Risteska's user avatar
6 votes
2 answers
707 views

How do I subtly show that an element in large collection of elements was recently changed?

I have a large collection of elements displayed in a calendar-like grid. These elements represent entities that can change over time, but many won't. The elements are rendered like cards, evoking a ...
Robert P's user avatar
  • 163
0 votes
1 answer
165 views

Can we have two type of alerts in an application?

In my application, I have two types of information in the content 1.Critical Alerts 2. Alerts that require user attention - may be or may not be critical, totally depending on the need. I planned to ...
Jksamy's user avatar
  • 3
0 votes
1 answer
66 views

Icons for Install / Download / Downgrade / Update / Delete / Block / Retire [closed]

I need icons for the following set of actions that appear together. Install / Download / Update / Downgrade / Delete / Block / Retire However, I find it hard to find distinct icons, particularly for ...
cgtk's user avatar
  • 461
2 votes
3 answers
609 views

Icons to "create new cart" and "add items to cart"

For an app where it is possible to have multiple shopping carts (like an aggregator), I am considering icons for making a new cart and for adding items to cart. Does it make sense to use the cart icon ...
ahron's user avatar
  • 601
6 votes
2 answers
998 views

Define non-standard wine sizes (ie 375ml) to standard

Advice on how to clearly distinguish non-standard wine bottle sizes (ie 375ml) to standard on e-commerce ui cards. Below is what the card is looking like now. Icon placement is for shipping, offers, ...
user avatar
1 vote
1 answer
145 views

To Number or Not To Number

Here's a portion of a display from an iOS app that allows users to connect to a Wireless Valve Control device. UPDATE: My question is regarding the -42 dBM and 2.97V labels. As a code implementor, ...
Travis Griggs's user avatar

1
2 3 4 5
16