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
0 votes
0 answers
19 views

I am looking for an icon to show depict a section has content in it [closed]

I need an icon, a bullet or something so that the user would instantly now if there are any or no documents on an entity. Any idea is welcomed :D
0 votes
1 answer
72 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 ...
1 vote
0 answers
31 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 ...
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 ...
  • 173
0 votes
1 answer
38 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 ...
0 votes
1 answer
71 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 ...
  • 3
0 votes
3 answers
143 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 ...
1 vote
3 answers
49 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 ...
0 votes
0 answers
37 views

Should dropdown caret icon change when open? [duplicate]

In a typical dropdown component that has a text label and a caret icon, should the caret change direction (or shape) when the user opens the dropdown menu?
  • 101
0 votes
1 answer
79 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 ...
  • 101
2 votes
1 answer
90 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 ...
  • 121
2 votes
2 answers
163 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 ...
  • 9,588
0 votes
1 answer
108 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: ...
  • 1
0 votes
2 answers
62 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 ...
  • 982
23 votes
9 answers
6k 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 ...
  • 231
2 votes
1 answer
229 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 ...
  • 123
0 votes
1 answer
144 views

Which type of icon could represent "active/inactive" [closed]

I did the translation to English on relevant parts only This is a table that informs a user about a Tag (Physical device) status, and now we are changing the "Last transmission" column for ...
2 votes
2 answers
111 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 ...
15 votes
3 answers
5k 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.
4 votes
2 answers
555 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 ...
  • 143
0 votes
1 answer
76 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 ...
  • 3
0 votes
1 answer
58 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 ...
  • 291
2 votes
3 answers
525 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 ...
  • 601
6 votes
2 answers
986 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, ...
's user avatar
1 vote
1 answer
105 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, ...
5 votes
4 answers
328 views

Why google material design has Import icon which is used as export in other design system?

When my teammate and myself were discussing the Import option for our application which adopts Material design Icons & Components. We founded that there is a slight variant of the Import Icon is ...
4 votes
1 answer
182 views

Icon consistency in buttons

I am designing a page for apps. This page will show apps available for integration. Question Should I make them all text only buttons or it's fine that some buttons are icon+text? Default All apps ...
  • 613
0 votes
2 answers
118 views

Iconic colors from content-type

I have a web application that includes a file browser. I have a little database that associates a FontAwesome icon to a variety of content-types (i.e. images, word/lowriter files, excel/localc files, ...
  • 103
0 votes
1 answer
194 views

Hamburger menu icons - Recent trend of moving away from three full-width lines to having two full-width lines and a shortened line?

Some examples in various iOS apps: US Bank RentCafe Uber The first two kinda reminds me of the icon for aligning text justified left. I'm quite curious about the reason for this change. I couldn'...
  • 103
2 votes
2 answers
199 views

Icons - clear way of presenting export and import action [closed]

I'm looking for a clear way of presenting "import jpg", "import svg", "export jpg" and "export svg" actions. I want to make it clear by icon look, what is ...
  • 494
0 votes
2 answers
48 views

Icon representing VAT number [closed]

What icon would you use to represent the VAT number of an EU company? That is, one that would fit nicely with @ for e-mail, map for physical address, etc., for example on a contact page.
  • 1
1 vote
2 answers
116 views

Should the "open new window" icon ever be the only way to click a link?

I have a request from a user to remove the link from the text and ONLY have the "open new window" icon be what is clickable for that link. The reason is that the text is something he wants ...
1 vote
1 answer
59 views

Is it weird to create a text button instead of an icon for notifications?

I'm designing an app aimed for older generations. In that sens, I've decided to use a text button instead of an icon button for the notifications. I find it easier to identify what that button do if ...
  • 11
3 votes
4 answers
212 views

How should I provide the “select nothing” option in my icon picker?

I work on a desktop application that lets people create visual scripts. They can add properties to objects, and every property can have a user-defined icon for easy identification. I have added a ...
  • 1,607
0 votes
3 answers
119 views

How to inform user that an action will launch another app (in mobile)?

I'm very familiar with the visual cue of a link launching a new website as is used in wikipedia: However I'm not sure of how this works on mobile apps, for example I have this situation: Question ...
  • 405
0 votes
1 answer
153 views

Vector or raster graphic for UI elements? [closed]

Which type of graphic should I use for UI elements in web and mobile? If I need to create @5x image size and then just reduce it or I need to create 1 vector image (like a button or icon) and just use ...
3 votes
2 answers
336 views

How to group multiple buttons on mobile

I'm working on a game website for desktop and mobile and one of the pages has 5 action buttons: Edit (no text, just pencil icon) Share (no text, just standard share icon) Play (just text) Compare ...
1 vote
1 answer
45 views

Personal Assistant Prompt Form UI

Thoughts on contextual options for when a chatbot avatar could be invoked from a mobile app. I notice many chatbot user assistance on laptop UI can be launched from a chat icon visible the lower left ...
  • 101
0 votes
2 answers
94 views

Icon library for UI Design [closed]

I am starting the UI design for a large scale project for which I need a good library of icons. Looking for suggestions on good icon packs (free/paid)
31 votes
6 answers
4k views

Using cross marks to indicate benefits

Posting this here as there's no marketing SE, but it seems marketing is topical here given that Marketing = UX. Say you have a product with six benefits, three of which indicate lack of negative ...
24 votes
5 answers
4k views

How to highlight "risky" action by its icon, and make it stand out from other icons?

From the icon look and its position/relation to other icons in a row, I want to give the impression that the action is risky.  I added a little line that visually separates the icon from the rest (...
  • 494
0 votes
0 answers
36 views

Indicating that a select box has new values

The desktop version of my site has a select box (Angular Material) with a list of client names. That list gets updated (new clients added or clients have new info) and I would like to draw the user's ...
  • 123
0 votes
1 answer
68 views

Live app icons on smartphones?

One thing on my iPhone that always makes me wonder is the Clock app icon. As far as I know, it is the only app icon that is actually "live" (constantly changing state to show the current ...
  • 359
1 vote
3 answers
366 views

How to display unavailable items with icons?

I need to display information about what a venue can provide or allow for its guests. The information if an item is available is of the same importance that it is not (e.g. it's important to know that ...
1 vote
1 answer
528 views

How a "disable animations" button should look like?

As it I've been asked to add a button to disable animation on my website, according to the WCAG animation criterion (https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html). The ...
22 votes
6 answers
7k views

Is the "filter" icon widely recognised by users?

Note: I'm NOT asking for an icon suggestion. I'm designing an online menu for users to order their food at a restaurant. I'm also including a filter so that they can apply their dietary preferences. ...
  • 10.5k
0 votes
1 answer
45 views

"Partial" icon in a comparison table

I'm making a table comparing the features in different offerings, using checkmarks and blank spaces to denote whether a feature is available or not. There are a few edge cases where there's partial ...
  • 2,740
0 votes
1 answer
382 views

Best Practice for placement of Help / Save / Cancel icons

I'm designing a UI where sections will become editable, and there are also quite a few help icons for users to get further information about each section. Originally, I put the Help icon in the top ...
's user avatar
1 vote
3 answers
90 views

What's a better way to Indicate flights in operation when booking flights

I'm designing a flow that will reduce the likelihood of users getting zero results when they search for a flight. When looking at examples of how other airline apps do this, I came across the ...
  • 10.5k
2 votes
1 answer
232 views

Which is the most "shareable" icon out there [closed]

Our company have three main platforms, the web, Android and iOS. It's based on listings where you can perform some actions, one of them being sharing, since I saw this question in '15 (Which share ...

1
2 3 4 5
16