Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [icon]

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

Filter by
Sorted by
Tagged with
141
votes
25answers
58k 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
491k 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
6k 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
32k 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
22k 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 ...
24
votes
5answers
29k 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 ...
24
votes
8answers
52k 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, :...
22
votes
1answer
997 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 ...
18
votes
2answers
35k 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 ...
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
2answers
3k 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
330k 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?
16
votes
3answers
6k 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?
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 ...
14
votes
6answers
15k 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 ...
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
2answers
2k views

Does optical correction give a more aesthetic look to the SBI logo?

The design in question here is an official variation of the SBI logo: Now, I've always felt that the main circular icon feels a bit smaller, and must be corrected by enlarging it a bit to make it ...
12
votes
3answers
8k 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 ...
11
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 ...
11
votes
1answer
15k 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 ...
11
votes
3answers
676 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 ...
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 "...
10
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
4k 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
419 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
1answer
428 views

What stroke width Instagram is using for its icons and how to get same results?

I'm designing on Illustrator icons for a new app, when I use 1px stroke and preview on mobile they look very thin and when I use 2px stroke they look a bit bold while Instagram icons look and feel ...
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
295 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
4k 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
162 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 ...
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
21k 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
27k 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
6k 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 ...