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
1answer
54 views

Which type of icon could represent "active/inactive"

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 ...
1
vote
2answers
76 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 ...
16
votes
3answers
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
2answers
508 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 ...
1
vote
1answer
58 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 ...
1
vote
1answer
52 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 ...
3
votes
3answers
472 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 ...
7
votes
2answers
975 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, ...
2
votes
1answer
95 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, ...
4
votes
4answers
201 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 ...
1
vote
0answers
37 views

Mic, Globe and Face icon in iOS UI Kit

In the iOS 14 UI Kit that Apple provides on its website, there are 3 icons but in the SF Symbols app, these 3 icons looks different (image below) Anybody know why?
4
votes
1answer
113 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 ...
0
votes
2answers
97 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, ...
0
votes
1answer
148 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'...
2
votes
2answers
96 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 ...
0
votes
2answers
42 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
vote
2answers
92 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
1answer
50 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 ...
3
votes
4answers
151 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 ...
0
votes
2answers
43 views

example of launch another app icon 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 ...
0
votes
1answer
50 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
2answers
130 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
1answer
37 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 ...
0
votes
2answers
76 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
6answers
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
5answers
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 (...
0
votes
0answers
33 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 ...
0
votes
1answer
41 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 ...
1
vote
3answers
176 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
1answer
225 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 ...
21
votes
6answers
6k 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. ...
0
votes
1answer
31 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 ...
0
votes
1answer
199 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 ...
1
vote
3answers
83 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 ...
2
votes
1answer
217 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 ...
2
votes
3answers
115 views

What icon intuitively represents making comparisons? [closed]

I want to make an app which involves repeatedly giving users two options and having them select the one they like better. Is there any icon or symbol which would intuitively represent this concept, ...
2
votes
4answers
97 views

Provide icon set for customisable dashboard

Background We're providing a dashboard to our users, where they can set up their most important features. It is possible to show certain metrics (business figures), have widgets for quick actions, ...
0
votes
1answer
38 views

Confirm and Completed Icon in dashboard simillar

I am working on UX for the dashboard as we have booking progressing as our step for a booking system one thing I'm not sure with this 'CONFIRMED' and 'COMPLETED' Confirmed as the user is confirmed to ...
0
votes
3answers
102 views

Should every line in a grid have edit icons?

We have an application with many grids. The current design is that only the currently active row shows the edit and delete icon. Is this a good practice, or should every line have the edit/delete ...
4
votes
1answer
102 views

Circle = warm, filled circle = cold?

The water tap in my bathroom can switch between cold and warm water. To indicate which lever direction is cold vs warm, there are two symbols: a filled circle and an unfilled circle. Is there any ...
0
votes
4answers
109 views

How can I better convey the idea of "message sent"?

Currently, I am designing a mobile screen where the user can send a message to their friends. In order to show that their message has been sent, the upper right hand corner check-mark goes from black ...
2
votes
4answers
233 views

How consistent should icons be in sizing?

New to UX and confused about size consistency. I know icons that belong in the same group are supposed to have the same visual weight, but what if there's different groups of icons on the same page or ...
1
vote
2answers
81 views

Would you understand a 3rd state for a "like" action if it's using the same icon? [closed]

We're having a usability debate: would the user understand what the 3rd state means, without text or tooltips, if all he is presented with is an icon in different color, in a different component? ...
2
votes
2answers
137 views

Icon alternative for items per page [closed]

I've below pagination select input for choosing the number of records to be shown per page. I'm looking for an alternative icon that represents the text Items per page So that instead of showing text ...
1
vote
1answer
584 views

Nomenclature of icons e.g. Kebab, Meatball, Hamburger

Is there any logic behind naming icons in UX ? e.g. Breadcrumbs, meatball, kebab, hamburger, doner. Possible logic of the name "breadcrumbs": It helps the user find a "page's location" similar to how ...
3
votes
1answer
143 views

What are the most commonly understood signs/icons for chat interactions?

I'm designing an in-app chat feature where users get can live support from chat agents. What are the most commonly understood signs/icons for chat receipts like sending sent not sent delivered not ...
1
vote
1answer
49 views

Should empty state use a universal symbol or specialised?

Hye, Im wondering is it better to have a universal icon/illustration for the empty states. Means that the same message like 'There's nothing here' with X icon on all screens during empty state. Or ...
4
votes
1answer
94 views

Best horizontal order of icons for list-based operations (e.g. edit/delete or delete/edit)

we are redesigning a web-based application that handles a lot of lists, where every line represents a single item. Like a list of emails or a list of books. Every item offers 3 functionalities: delete,...
0
votes
2answers
163 views

When using a Pencil icon is it necessary to add "edit" next to the icon? [duplicate]

I am working with a new designer who feels strongly that when you use a pencil icon signifying edit you must also add the text "Edit" next to the icon. This is not consistent with how our other pages ...
2
votes
1answer
64 views

How to display icons for Service Locations on Maps?

I'm working on displaying icons on maps, there are 3 types of icons: Pick up point(s): The location that the vehicle should be navigated to Point of Service: The location that the service will be ...

1
2 3 4 5
16