Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [icon]

Questions about icons; small graphic images or symbols that conveys meaning through visual representation.

141
votes
25answers
56k views

New generation of Save icon that is not a “disk”?

Currently, the save icon in almost all applications represents a 3.5-inch disk from the 20th century. An example from Microsoft Office 2010 is shown below: As we move towards more advanced technology,...
72
votes
12answers
482k views

How to open or save as ico in Photoshop CS6

This plugin to open and save as .ico in Photoshop has been around for a while, but I can't seem to make it work for CS6. According to this question in the Adobe Forums, the plug-in works if installed ...
64
votes
10answers
17k views

Is it okay to sacrifice exact country flag designs in favor of aesthetics?

The usage case is a freeware game with skill rankings, wherein each player is associated with their country and has their country's flag next to their name. The most noticeable discrepancy between ...
42
votes
18answers
10k views

Good visual alternatives of representing the Push and Pull signs on doors?

Using "Push" and "Pull" should be quite straightforward, you read the word and follow the instructions. But day after day I see people in my office coming to the door and pushing when they should pull ...
28
votes
7answers
5k views

How would you represent “religion” in an icon, neutrally?

I am involved in a web application where items in a list have a category. Each category of an item is shown through the use of an expressive icon. One of the categories is religion. My coworker, a ...
27
votes
7answers
1k views

What are some good resource for programmers to design icons?

I'm a programmer and find myself needing to draw icons frequently. Does anyone have any good resources for both the tools and how to design icons?
26
votes
10answers
7k views

How can I make this logo look more obviously like an icing bag and a crown?

For my brand identity class, I had to do a logo for a local bakery. The first one is what I started with. The bottom is where I am now The problem I'm having: I need to show lines or shapes ...
26
votes
12answers
25k views

What is the standard way for conveying vegan and vegetarian as separate icons?

Working on a project, I need 2 icons for Vegan and Vegetarian to display at a glance nutritional information. The problem that I'm running into is that there doesn't seem to be a good way to have each ...
26
votes
4answers
21k views

How to convert every pixel of raster picture to square objects in Illustrator?

For example I have 10×10px icon. I want to produce 100 squares with correspondent color and location each. Actually, the question is how to make exact pixel mosaic out of raster image. I tried Live ...
22
votes
1answer
988 views

Who first used three stacked bars as an icon for “menu”?

The three stacked bars for a menu (known as a “hamburger menu”) seems like a pretty new concept. Is there any canonical information out there about who created this icon? I’m curious because it has ...
21
votes
5answers
22k views

How to convert a square SVG to all-size ICO?

I've drawn an icon in InkScape and would like to export it to an ICO file that would include sprites for all the reasonable resolutions (16x16, 32x32, ... 256x256 etc). How can this be done (without ...
21
votes
8answers
47k views

Are there any free emoji fonts?

I want to use Unicode emoji icons (U+1F300..U+1F5FF) in a free, open-source instant messaging app. I considered using FontAwesome icons, but their icon set is too small (not enough faces for :), :O, :...
18
votes
3answers
6k views

Best workflow for icon design: Start big, or start small?

When designing icons that need to be delivered at several sizes, do you start at the smaller size, then scale up to the bigger sizes? Or do you start big and scale down? There's several advantages to ...
17
votes
3answers
5k views

Why use a white circle/spot in eye icons/logos?

What is the reason behind using a white circle/spot in eye icon/logo in terms of visual or graphic design? Is there any specific meaning?
17
votes
2answers
2k views

How to draw a hierarchy button set and look less offensive than it is?

I'm trying to create a button set that can be used to move through hierarchical data and it's looking like a swastika. I'm not sure how to correct it. In the image above if "Panel" was selected and ...
17
votes
2answers
32k views

Creating an .ico file with multiple sizes - web application

I want to be able to create an .ico file containing a complete set of Windows icons (16px x 16px, 32px x 32px, 48px x 48px, and 256px x 256px). Is there a web application that can do this for me given ...
16
votes
2answers
299k views

I can't save my files as a .png in Photoshop CS6 [closed]

Im creating an app icon for my iOS app, but there is no option for me to save my file as a .png file. The only format for app icons is a .png file. Does anybody know how to solve this?
15
votes
7answers
4k views

Critique: Does this logo portray a web-based control for a media player?

I've been working on an application that works as a remote control for a media player, over the web. The remote itself is an application that runs in your web browser, on your phone or on your tablet ...
13
votes
5answers
4k views

How to represent 'random' with an icon

I've seen many times an icon to represent "random" that looks like this: But does anyone else feel this icon is awkward? I can understand what it wants to express, but it's just not that straight ...
13
votes
3answers
7k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
13
votes
6answers
14k views

How to randomly distribute a group of icons / graphics in a canvas?

I want to design something like this: It has been established in previous answers that these are doodle graphics. Some ways to make them manually are seen on here and here. How can I make one or ...
12
votes
4answers
1k views

How to avoid making icons and logos too minimal?

When making an icon or a logo it might be very tempting to push and reduce it to the limit to achieve the absolutely minimal symbol. For example: tiny photo of a floppy disk -> cartoonish picture of ...
12
votes
3answers
609 views

Simple icon to represent 'presets'?

For my concept I have a task bar that has 3 functions. 'Save' 'Load Preset' and 'Help'. Save and Help both have simple icons that don't require text. Which is great, because I would like to leave as ...
11
votes
1answer
14k views

Issues with creating a hi-res Large Icon for Android notifications in Jelly Bean

I am attempting to create beautiful hi-res graphics for Android notifications, but am running into some issues. In Jelly Bean, there is a new place for large icons (see the notification design ...
11
votes
4answers
1k views

How to document a double click?

I am writing documentation for a software program. To open a document, it must be double clicked. Considering readers skimming through the screenshots only and not reading the text, how to design the ...
10
votes
2answers
3k views

What generic icon could be used to symbolize a brand (McDonalds, Apple, etc..)?

I need to use an icon in a web application that will represent "Brand" as an object. The "Brand" could be "McDonalds", "Apple", "BMW" or any other company/brand. What generic icon would represent "...
9
votes
5answers
8k views

Export iOS Icon Sizes in Affinity Designer

Although Affinity Designer has the extremely useful @1x, @2x and @3x export, I'm wondering if there's a way to export in the variety of sizes that are required for an iOS icon? I found a concise grid ...
9
votes
4answers
2k views

What do different bracket/braces/parens in logos mean?

I'm thinking on a logo for my personal site that is tech/dev oriented and I've been curious about the use of brackets/braces/parentheses in logos. Most of these special characters have a lot of ...
9
votes
3answers
12k views

Exporting from Sketch for icon font

I am trying to export SVG icons from Sketch to import into Fontello, however the SVG's don't appear to be correct for the app (they also do not work in IcoMoon). The icon I am trying to create as a ...
9
votes
4answers
1k views

How to find existing names or associations a symbol has?

I saw a symbol like this, and didn't know what it was called or what existing associations it might have: It seems like a pretty easy question to answer by looking in a symbol dictionary or an online ...
8
votes
2answers
2k views

What is the best Icon to use for an item's state of: “I need to borrow” and “I already have it”?

I am working on an interface which let's a user select an item's state of ownership. The states may be "Buy", "Borrow" or "Have". What are the best Icons to describe these options visually? The "...
8
votes
3answers
2k views

How can I create hand-drawn style graphics for my website?

I am developing a web page for web based application, i am new to web design, so forgive if i have asked very basic question. i want to create icons and embed into my existing png image file. i have ...
8
votes
3answers
3k views

Is there any internationally-recognisable icon or symbol for police?

I'm looking for something non-nationality-specific to visually represent police and policing. Everything I can find, however, and everything I can think of myself, is based on imagery specific to one ...
8
votes
1answer
16k views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
8
votes
2answers
412 views

Range of icon sizes and formats on various operating systems

I would like to know the range of icon sizes allowed in different OSes (such as Ubuntu, OSX) and the default format they use. For example, windows allows icon sizes from 16x16 to 256x256 and uses a ....
8
votes
3answers
1k views

Why should I include padding/margin around icons when I create them?

I recently spoke with an engineer who requested that I edit all our existing icons (we have about 50 of them) to remove the extra margin I was putting around them so it would be easier for her to ...
8
votes
1answer
259 views

Avoiding optical illusions in (icon) design

I am fairly new to the wonderful world of icon design and I have a recurring issue that I find difficult to deal with. for me, consistency in line thickness, shape sizes and colors is very important ...
8
votes
3answers
3k views

Is there icon for “Set Default”

I've been using many icons to make buttons through my application distinct and easier to understand(by using common icon), but one button struck into my mind: "Set Default" button. I couldn't find ...
8
votes
4answers
143 views

What is a suitable icon for nonspecific spirituality?

Christianity can be represented with the crucifix icon, Judaism with a Start of David, Bhuddism with a Dharma wheel, etc, etc. What icon would be suitable to represent spirituality in general, not ...
8
votes
3answers
627 views

How to color overlay an icon with multiple colors?

Is there a way (ideally using Sketch) to do a single color overlay over an icon that has multiple colors – while preserving the original icon's different shades? I'm trying to turn the blue folder ...
7
votes
4answers
11k views

How can I create perfect “radio waves” (concentric arcs of a circle)?

I suck at illustrator, so this is a huge leap in my ability. I'm trying to draw a radio tower, but I want everything in the vector to be as perfect as possible. I want some waves to come off of the ...
7
votes
3answers
20k views

How to resize icon sets in Photoshop?

When looking online for icons to use on my websites, I often find very well designed free icon sets. However, often these icon sets are only available on a single size - for instance the icon set ...
7
votes
3answers
2k views

How to represent silver, platinum and diamond?

Most websites uses a scheme of bronze, silver, gold, platinum, and maybe even diamond to rank service plans they may provide. In my website design, I want to the users to have a dot next to the ...
7
votes
2answers
1k views

Critique: Icon app redesign

An amateur graphic designer here. I was told to redesign a reddit app icon on playstore and he told me to apply the Google's new design scheme that was leaked a few days ago (The first illustration ...
7
votes
4answers
2k views

Where to find high-quality icon sets?

I'd like to change the style of our Windows Mobile application to follow the Modern UI style (as in Windows 8 or Windows Phone 7). While there are excellent guidelines for layout, fonts and sizes, I'm ...
7
votes
3answers
26k views

How to export to SVG from Illustrator using Artboards

I am designing some icons. To keep the proportions correct, I designed all the glyphs in one artboard. Now, I want to experiment a little with SVG icons, so I want to export these icons to different ...
7
votes
4answers
5k views

Photoshop vs. Illustrator for Icon Development

My client is requesting SVG files (saving as an SVG would require me to build the icon in Illustrator), but I have always designed icons in Photoshop (importing vector art from Illustrator, and ...
7
votes
2answers
3k views

How to graphically represent time

I'm involved with a project that needs a few icons to represent some categories. Some of them aren't that difficult to represent graphically, however I'm having a hard time thinking of how time is ...
7
votes
2answers
1k views

Designing icons to represent abstract concepts- match test / suggestions

I'm making a site which requires users to review and tag information. The interface would benefit from icons, but many of the tags represent abstract concepts that I'm struggling to represent. I'm ...
7
votes
2answers
300 views

Is there a recognized name for the 'grippy' part of an interface that indicates movability?

Gmail (for instance) shows this dotted widget next to the email items to hint that you can drag'n'drop them. Is there a generally recognized name for this? Grab bar? Handle? (this sounds too generic)...