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
2
votes
2answers
62 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 ...
0
votes
1answer
71 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
104 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
32 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
65 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
71 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
58 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 ...
2
votes
2answers
107 views

Is there any research about the information icon font?

There is a small debate in my project weather we should use the serif or the sans serif version of the font for the "i" on the icon and it is something we clearly can't test. I personally prefer the ...
4
votes
2answers
152 views

Communicating that something is clean

I am building a Website on which the status of different machines will be displayed. System Status: ON/OFF/CLEANING/etc. and Cleaning Status: CLEAN/DIRTY/WARNING. The system status is communicated ...
3
votes
1answer
234 views

Why there are 3 lines in all types of menu icons?

I have noticed that all types of menu icons are using three lines or dots. From a UI/UX perspective, does it matter the number of lines/dots? For example if someone decides to use only one or six ...
1
vote
0answers
60 views

Need feedback on displaying tabs with icons

Actually we're building the gis application for Police Department. I have a widget called "Camera" and in that widget, we've added multiple camera locations as per their geo-ids. The camera widget ...
1
vote
1answer
79 views

What is the standard way of showing the user that a context menu is available in a user interface?

In the picture below, the same icon is used for two different actions. The ones to the right expand and collapses the section, whereas the ones to the left open a classic context menu. I find this ...
4
votes
2answers
208 views

Should icons be trailing or leading in a button with icon?

What is the best practice for using both icon and label in a button should it be before the label or after ?
3
votes
3answers
177 views

Position of the number on notification icons [closed]

The number in notification icons is generally displayed on the right side of the bell icon, what is the reason behind this? Is there anywhere you have seen the reverse where the numbers are on the ...
0
votes
2answers
48 views

How many Options / Icons / Actions on a screen/list/bar

I face a hard decision when designing an interface for a windows fat client. Do you have any good articles or answers to the following question: When having a lot of options for a certain context - ...
1
vote
1answer
166 views

Suggested icons for the status of downloading content [closed]

We are designing the UI for the downloading of content for offline mode in a PWA app. We will use the solid and/or light download icons to allow users to download the content (which which they will ...
0
votes
1answer
99 views

File type icon colours

We're currently designing a new "Document Management" feature for our application, and I've come to the part where I need icons for the file types. I've gone down the route of doing something custom, ...
1
vote
3answers
74 views

Best way to indicate secondary list items within an expandable list will lead to a new screen? iOS mobile app

I'm designing a page with an accordion list (not a sidebar menu) in a financial iOS app. I'm trying show that eacg primary list item is expandable/collapsible (indicated by up-down chevrons), and that ...
0
votes
1answer
244 views

Symbol for current, ongoing event [closed]

In my app I need to display an icon for an event which is currently ongoing. It's a forecast app for forecasters, where they can issue a forecast in certain time window (event). I'm currently using a ...
1
vote
2answers
47 views

Typography for arrow-linked list on several lines

I’m working on a text-based UI (no graphics other than text) which lists food items ordered one after the other. These food items are connected one another with an arrow symbol. For example: “Food A -...
0
votes
1answer
58 views

Alternative way to represent to open or close a dropdown?

I'm doing some animation icons for a recent product and I'm playing with some alternative to the standard dropdown toggle. Typically, it's a arrow pointing either down or up... Is there any reason ...
0
votes
0answers
34 views

HELP: Using icon or text label? [duplicate]

I have the following issue regading UX/UI Design. A little introduction: Currently we are working on a new version of a document based application. This is for mostly municipalities/goverment kind of ...
1
vote
1answer
104 views

Filter icon for “include null”

I'm designing an e-commerce site that allows for filtering on items based on attributes such as weight, size, price, etc. The problem is for certain attributes, like "weight", some items have data, ...
2
votes
1answer
66 views

How to inform the user that the number shown in a list is incomplete or might not be current?

Consider this card shown below: It's a card with a list view showing the total income by teams. Now most of these teams have secondary teams under them. And many times the actual number of one of the ...
0
votes
1answer
532 views

What is the difference between a 9 dots menu icon and a 7 dots? [closed]

What does it possibly mean? Can it be used as 'go back to menu'? https://cdn1.iconfinder.com/data/icons/social-media-vol-3/24/_dots-512.png
23
votes
7answers
4k views

Based on what criteria do you add/not add icons to labels within a toolbar?

Some toolbars have icons for each label, and some toolbars do not have icons for any label. There is enough discussion about that. However, some toolbars will attach icons to label selectively, and ...
2
votes
1answer
97 views

Tri-state icon convention?

I have to design a report with validated information about the data entered. In some fields I have a typical triple state. Imagine a file. That file belongs to a report model file. When uploading it, ...
1
vote
3answers
344 views

What is the best location on a form for an information icon?

I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
1
vote
2answers
83 views

Native iOS icon sets

I've always found designing natively for iOS tricky - Google seems to just have everything there for you to look through and design exactly the same. Whereas the Apple Human Interface Guidelines ...
2
votes
2answers
89 views

Salesmanship: How to differentiate two fulfilment statuses when both should seem attractive

My client is asking me to design text labels, iconography and colouring for two «fulfilment statuses» (apologies if that's the wrong term). Both should seem attractive to a potential customer. The ...
0
votes
3answers
213 views

What (FontAwesome) icon should I use for “count” operation? [closed]

We have a standardized paginated table template. We already use FontAwesome icons to represent paging operations << to go to the first page < to go to previous page Numbers to a specific ...
2
votes
3answers
771 views

Width of stroke in an SVG icon

I'd like to use the "material" icons -- https://material.io/tools/icons/?style=outline They look a bit cartoonish to me, e.g. here they are on a black top-bar: Their design guidelines say, for ...
1
vote
3answers
168 views

Correct way to show that software is connected to an instrument?

Let me start by saying that I am a software developer, not a ui/ux designer at all, but in my company I need to cover this role too. I am developing a desktop software that manages some particular ...
0
votes
2answers
339 views

Which icons have matching width / height ? Material Design icons are uneven [closed]

If you look at the containing vector of Material Design Icons, this is what makes the icons match in size. However the vectors of the content inside are not all the same sizes and follow no standard, ...
4
votes
2answers
202 views

How to present filtering items in a sidebar?

I have a site where I need to present filtering items in a sidebar. These items work as "filters" for the site's content on the right. The user can click these filters on or off (selected are ...
0
votes
5answers
229 views

How to represent multiple positive buttons as CTA

We have an extension that has two different actions: Yes and No. But these two actions come in two different flavours. Yes for the current page and Yes for the whole domain, meaning Yes for the ...
0
votes
1answer
229 views

Is replacing icons with emoji a good idea?

I'm currently polishing an application I have built using fontawesome. Due to fontawesome's pretty huge (nearly 2 MB with the more accessible SVG + JS Version) footprint, I'm considering to utilize ...
0
votes
4answers
113 views

Designing/ Using Icons for people over the age of 40

How does someone in the industry use the right icons and text together in order for age > 40 people to understand the functionality of the feature that they are clicking on. I have come up with a few ...
0
votes
1answer
91 views

What kind of file icons should be used in web apps?

There are two approaches for file type icons—the official and non-offical versions. If an app chooses the official icon (E.g. latest version of Microsoft Word icon for .doc files) then the icons ...
0
votes
2answers
267 views

Which is correct? Whether to use the icon after the label or the icon before the label? [duplicate]

To Use Icon after the label? Ex: (Or) To Use Icon before the label?
0
votes
2answers
440 views

Availability of tooltip text for keyboard users

I am programming a desktop application and I use some icon-buttons without labels. I do not want to use Labels because of layout. So I set to every icon a descriptive tooltip text, because some icons ...
47
votes
9answers
12k views

Why do Radio Buttons not fill the entire outer circle?

My question is simple: Why do most radio buttons not fill their entire outer circle? Example of standard radio button: (Unusual) Example of an entirely filled radio button: Is this for some ...
0
votes
1answer
87 views

Using detail disclosure buttons on section headers

My colleague is suggesting to add a detail disclosure icon to a section header in a mobile app. It seems rather cluttered to me given the density of info we already have on the screen. I'm wondering ...
6
votes
4answers
294 views

How can I know an icon will relay the same meaning across all cultures?

I work for a multinational company with websites in about 40 countries. There is a mix of European, Asian, Pan Pacific, North and South American countries we serve. I have been asked to design a ...
3
votes
3answers
355 views

The best icon for settings, wrench or gear? [closed]

While we were discussing UX at work, we stumbled across this question. Which icon is the best icon for settings, wrench or gear? We simply just need to figure out which icon is the best for settings ...
2
votes
4answers
172 views

Are icons in business software helpful?

me and my team are working on a re-design for an internal software, that people within our customer service do use to track shipments in real-time. I am thinking about a way to efficiently show ...
4
votes
3answers
166 views

How to arrange elements in a row with two distinct values?

I'm currently designing a CRM, and am wondering how to place a specific piece of contingent information in the table section. As you can see in the attached snapshot, the top row is slightly different ...
6
votes
4answers
347 views

How to show a score without numbers?

Context : I'm working on a telematics app for an insurance company. Drivers have to drive correctly and the AI calculates their global score vs their trip score. The score can vary (increase or ...
5
votes
4answers
308 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 ...
-1
votes
2answers
52 views

icons for open door lock (and lock again), unlock and keep unlocked and lock and keep locked [closed]

I am developing a smart home app. For the lock, there are three commands Lock Unlock it for 5 secs and Lock again Unlock and keep it locked. For these, I have to select icons. Can someone suggest ...

1
2 3 4 5
15