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

How does one settle on a feature icon style? [migrated]

This question may be vague, so let me know if I need to provide details, but I'm mainly looking for some direction. I'm currently working on designing feature icons for my companies dashboard. I ...
0
votes
1answer
42 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
39 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
42 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
32 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 ...
0
votes
1answer
64 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, ...
1
vote
1answer
51 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
158 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
92 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
83 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
72 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
87 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
127 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
266 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
164 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
128 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, ...
3
votes
1answer
136 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
183 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
186 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
106 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
89 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
159 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
256 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
11k 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
48 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
281 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
282 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
155 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
160 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
338 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
288 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
46 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 ...
0
votes
1answer
31 views

Icon for website [closed]

I'm looking for a good universal icon for website Here are a few I found, but looking for something better:
0
votes
2answers
119 views

Resize Cursor - Col/Row vs East-West/North-South

I have a website with 2 panels. The user can resize these two panel using drag-n-drop. I want to change the mouse cursor, when the mouse is hovering over the edge of these two panels, to a Resize-...
1
vote
3answers
124 views

Best way to Indicate a item is shared or copied

I have a tree on my webpage that is used to display some folders and within these folders some items; These items can be copied from one node of the tree to another and also shared. When copied or ...
2
votes
3answers
271 views

Should I use a shopping cart icon? [closed]

We have a website that provides downloadable items for users. Those downloadable items can be found under different articles and series. So not everything you might want to download is on the same ...
0
votes
3answers
201 views

Appropriate UI pattern for Expandable List Item in Data table?

I'm currently looking to find a solution for expanding a list item in a data table to display more information. One of the best solutions I've found thus far is done on reddit (see screenshot). Any ...
0
votes
1answer
123 views

Icons vs numbers progress tracker

My mobile application includes a 4 step process to create and publish a project with each step start, the progress tracker increments(highlights next step) as shown in the image below currently am ...
2
votes
1answer
119 views

How can I display chat widget on mobile without affecting other artifacts?

I want to know a best way to display user chat icons on mobile, as these widgets are overlapping with other artifacts of screen. In mobile due to lack of space, overlapping of icons is appearing. ...
12
votes
4answers
1k views

What's the tradeoff for using an icon driven navigation?

It seems a common theme these days for the UI design of many web applications to use icon driven navigation (so fixed sidebar on the left consisting of only icons for navigation) Wondering why this ...
60
votes
11answers
10k views

Why is the file icon usually folded from the right corner?

I'm doing a bit of iconography which got me thinking about the standard icon for a document / file shown below: Why do the majority of these icons have the folder corner on the right hand side? Why ...
0
votes
1answer
93 views

Generic “get in touch” icon [closed]

I usually use the phone call icons, or email, sms, and so on. But in my case we found the need for a generic "get in touch" icon, which will lead to either email, or phonecall, or sms, depending on ...
2
votes
1answer
87 views

Functional animation in icons

We are all probably familiar with the use of animation in very specific scenarios when it comes to display of system states such as the loading animation. However, the recent trend of animation in ...
1
vote
2answers
135 views

Which one is better for drag sign [closed]

I have checked some websites and found these two signs as drag symbol: Which one is better?
1
vote
4answers
195 views

Should icons always be the same color as the accompanying text?

I'm designing a timeline in which certain "event cards" are interactive while others are not. I'm running into a problem where the icons on the non-interactive cards look very dark, and therefore ...
4
votes
1answer
468 views

How to clarify ambiguity of the left arrow in google search autosuggestions?

Until recently I found the arrow next to each of the suggested keywords are tappable and will prepopulate the string to the search box for users to further refine the keyword before performing the ...
1
vote
3answers
74 views

Will a user be able to identify the relative “meanings” of separate cards on a timeline if the icons are located opposite from the card's title?

I'm designing a vertical responsive timeline for a health-tech company, and the timeline is supposed to show different "events" throughout a patient's physical rehab program, each being represented by ...
4
votes
5answers
341 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 ...
0
votes
1answer
123 views

Is UI simplification in Microsoft's products for the past ten years motivated by user experience? [duplicate]

Working mostly with Linux, I rediscover from time to time Windows and Microsoft's applications such as Internet Explorer/Edge. I also notice that the trend is not limited to Microsoft, although I don'...