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

learn more… | top users | synonyms

0
votes
2answers
424 views

How can I preserve my icon size in Illustrator on export?

I have created a few icons of 64px x 64px on one canvas in Illustrator CS6. Now I need each of the icons to be in .png file format. So I created a new document in Illustrator with 64px x 64px ...
19
votes
1answer
790 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 ...
117
votes
25answers
36k 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 ...
0
votes
0answers
40 views

How can I represent “active apps/activities” in a square icon with at most 5 simple shapes?

I'm trying to design an icon that represents "active apps/activities" in a very simple way so that the icon remains clear even when at 50% of the size show below (left). As you might have noticed ...
2
votes
1answer
66 views

Variation of umbrella logo for “children's” department [closed]

I'm a graphic designer and my company is usually very protective of our system mark. All of our centers use the same logo with simple text below to designate the location. We don't allow any ...
1
vote
2answers
128 views

Replicating fading/tearing effect in GIMP

For a project we decided to use a freely available icon set that we could download. However it is now apparant that not all the icons that we need are present in this set and we need to add them ...
1
vote
4answers
6k views

Convert icon to a transparent png

I have a set of icons that I resized to 30x30. Now I want to use them for my iPhone TabBar as specified here: http://www.idev101.com/code/User_Interface/sizes.html How can I make these transparent ...
-2
votes
2answers
446 views

Tips for designing tiny icons? (16px x 16px) [duplicate]

I googled, but didn't seem to be anything out there. I need to design a set of icons that will be functional at really tiny size (16px x 16px). I realized that a lot of the icons I designed starts ...
4
votes
1answer
908 views

Remove identical pixels in two layers/images with free software

I've inherited a large set of button icons at work, which I'd like to use in another project, but with a different button background. The trouble is that the original files have been lost in history, ...
0
votes
4answers
278 views

Icon for “manual ping”

I have an app that connects to a server (a computer) over bluetooth. Once the connection is made, there are chances that the connection drops (because the user can physically switch of bluetooth) so I ...
4
votes
2answers
205 views

How do you indicate visually that a shower is for women?

When you see toilet signs, they look more or less like this: It is clear who can enter either of them. Now, say you are designing the signs for showers and you want to distinguish between the ones ...
0
votes
0answers
94 views

Icon font stroke sometimes renders too thick

I created a small custom set of thin outlined icons in Illustrator and want to use them in production as a font. I exported then all out as individual SVGs. I used Fontastic to build a custom font. ...
1
vote
2answers
57 views

Joining a path and an object

I'm trying to make a pin icon, like a map pin. I have a V shape as a path at the bottom, and a circle object above it, that has been trimmed. How can I join these two together? If I use the unite ...
1
vote
4answers
1k views

How to can extract all icons from an .eps file?

I Have shutterstock_219776725.eps that I downloaded from http://www.shutterstock.com/ , it looks like this when I open it in Photoshop. I want to export all those icons in there into its own ...
1
vote
4answers
170 views

Icon/Glyph Suggestions to represent “Manufacturer Information”

I'm working on making an ecommerce site responsive, and as part of that, I'm replacing text in several tabs with appropriate icons when viewed on a small screen. One specific tab I'm struggling to ...
1
vote
1answer
697 views

Creating high quality multi-resolution icons

Preface: I needed to design a few ( maybe 30 or so ) icons for an app that I'm developing. At first the thought of designing all those icons for different resolutions was really daunting for me ( and ...
4
votes
2answers
165 views

How can iconography be simple and clear without being childish or unprofessional? [closed]

What is the general rule of thumb regarding iconography style? I'm more concerned regarding the feeling that some of my icons are too childish (using stick figures)... I'm afraid that the ...
0
votes
1answer
112 views

What's common starting point to designing an icon set [closed]

I have seen a growing number of nice icon sets throughout the years. They have fine tuned their icon sets to make it pixel perfect, well-ratio. I wonder if I want to start design my own icon set, for ...
0
votes
1answer
165 views

How can I make more consistent icons by controlling the ratio of icon using grid?

I have experience using Sketch for UI design. I also know Illustrator, vector tools and different shape tools (like align, subtract, union ..etc). Recently I want to top my skills more by starting to ...
2
votes
1answer
645 views

My icon is appearing choppy and blurred on iPhone, how can I fix it?

I'm creating an iOS 8 app icon in Sketch 3. For learning purposes, I've only set the color of the icon shape and I haven't added any other layers to it. What I did: Create app icon from iOS ...
-2
votes
2answers
105 views

Social Connect Icon

Is there an icon design that indicates where the social connect buttons are, such as Facebook, Twitter, etc? Take for example the Social Share icon: This icon indicates social share options on ...
-1
votes
1answer
56 views

Icon to designate use/usage

I'm looking for suggestions for an icon to represent 'use' e.g. leather can be used for shoes, clothing etc or shell can be used for scraping, cutting, adornment etc. So in this context usage is ...
3
votes
5answers
419 views

What Icon Can Be Used to Represent “Attributes”?

I am looking for a comprehensible icon/a visual metaphor to express "arbitrary attributes", in the sense of additional information. In my particular case, each record represents a word, or a name, ...
1
vote
2answers
376 views

Designing icons for devices with different PPI

I'm having some problems on the icon PPI. For example, when I make an icon for an iPhone 6 application I know that the icon will be 326 PPI. But if I do a 256x256 px icon that can be used on iPhone, ...
1
vote
3answers
148 views

Icon that represents 'Delivered Fully Assembled'

Can anyone think of an icon that represents delivered fully assembled? Only requirement is no tools. Client has said no to tools or screws etc, as he thinks it leads people to think you might need ...
1
vote
0answers
132 views

Maybe icons should represent the action instead of the medium / device?

I have perused questions about icons becoming outdated. I think the problem is that they usually derive from a physical object rather than the action involved (noun instead of verb). Even the spelling ...
3
votes
0answers
97 views

How to calculate a good background for a small image? (procedural background) [closed]

I want to frame favicons. A size of a favicon is usually 16x16 (could be bigger). The frame would be 160x100. Favicons have different shapes and colors (I don't know ahead of time what favicons look ...
4
votes
1answer
223 views

Where can I download social media icons?

I've seem these icons on lots of sites, so I assume they are publicly available and free to use. Does any one know who designed them, and the official site?
0
votes
2answers
102 views

What hapen with this icon?

I created an icon for a web page with lines of 2px and dimensions 42x42(px) but when I put it in webpage the lines are blurred, see the image Next is the icon I'm developing with the correct lines ...
0
votes
1answer
164 views

Tinting half of my image in Illustrator

I have created an icon, and I want to tint half of the image to make it darker. I have created another layer ontop of the icon, so that it covers half of my icon, and decreased the transparency. How ...
9
votes
2answers
2k 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 ...
0
votes
3answers
260 views

How would you represent “changes” in an icon?

I've come across a challenge. I need to design an icon representing "changes". Well actually two closely related icons, both representing "changes" but distinguishable from each other: "Change ...
4
votes
6answers
2k views

Which is better for icon design: vector graphics or raster graphics?

Which of the following approaches should I take to design icons in many resolutions? Create them in vector graphics, as SVG or AI and then rasterize them Design them directly as bitmap graphics ...
1
vote
4answers
981 views

How do I copy icon designs from Photoshop to Illustrator in order to turn them into .svg?

I'm a newbie in creating font icons from .svg. I created some icons in Photoshop (.psd), and now I want to copy all of them to Illustrator to create an .svg file but I don't know how to do it. Can ...
0
votes
2answers
104 views

How to drop shadow over a layer

I am trying to reproduce a bent-like shape. For this, I created two circles: one over the other one. Then, create a layer mask to hide the unnecessary part of the circle. Now I am trying to drop its ...
1
vote
2answers
302 views

Is there a term for this “gripper” UI element?

What is the official name of this image ? It is often found on the side of a panel widget for dragging. Is it named "gripper"? A Google search doesn't return a lot of results for "gripper icon".
0
votes
1answer
683 views

Why buttons without icons in Material Design

In Google's Material Design, do the guidelines prefer buttons without icons next to text? On http://www.google.com/design/spec/components/buttons.html no such examples can be found. Is it written ...
1
vote
4answers
8k views

How to make drawable of android app for all density

Hello I am Android Developer, working on android application. I require to make all drawables for all density for my android app. Is there any standard ratio I should keep for that and any tool for ...
0
votes
4answers
2k views

Design a 'pressed' version of a button image?

I have designed an image which will be used as a button in an android app. Since it is a button, the state of the image has to be changed when the user clicks on the image to give it a "pressed" ...
0
votes
2answers
2k views

How to export crisp Android icons in Photoshop/Illustrator?

Both Photoshop (layer shapes) and Illustrator (vectors) are terrible at making crisp Android assets when I save out. Can anyone lend a hand how to make crisp items at multiple sizes without doing it ...
0
votes
0answers
19 views

Where can I find non-emoji icons for experiences and emotions? [duplicate]

To help people make sense of the world, we need to make information crystal clear. Well-placed icons can reinforce meaning and draw the eye quickly to the relevant section on a page. I need to ...
1
vote
1answer
398 views

How to create a vector (SVG) with XML Code?

I recently saw an icon on the web, a stepper motor image: but when I click "View image" it sends me to the page ...
0
votes
1answer
279 views

How to visually differentiate between manual and automatic edit capabilities

I'm having some difficulty find an icon or solution to differentiate operation in the same table, but with different origin. In my table I have operation imported from a central system and others ...
3
votes
1answer
59 views

Is it our task to teach people new scientific discoveries?

You know how a raindrop looks like, don't you? Well, maybe not... While the German Wikipedia doesn't list that fact yet, it has reached the English version: Whenever designers refer to rain drops ...
2
votes
1answer
553 views

How to have multiple views in single window mode using GIMP?

I'd like a real-time preview while editing icons in GIMP. I know that you can press View > New View to get a real-time preview window, however in single window mode gimp puts the preview in a ...
2
votes
1answer
361 views

What's the best approach when designing website/app UI icons in Photoshop?

As the title says, I would like to know what's best to approach when inserting/using an icon when designing website/app UI. Should I insert it as a “smart object”, font-based icon, or vector mask? ...
0
votes
3answers
1k views

Material Design headerbar and icons color

I'm trying to design a website using the Material Design guidelines. I've a navbar/headerbar with the logo of my website and some icons. The background color is transparent, showing the background ...
0
votes
1answer
80 views

How to edit jQWidgets png files?

I'm using GIMP to do the editing in the png file I've shown below. On selecting one of the arrows and trying to paint it red, the colour just does not turn red. It stays grey. I'm just unable to make ...
7
votes
2answers
206 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 ...
1
vote
6answers
1k views

Why does it seem Photoshop is the common answer to icon design instead of Illustrator?

Icons are usually needed in a variety of sizes, so I don't understand why I always hear/see everyone using Photoshop for their icons. Probably I'm exposing my PS ignorance with this question, but ...