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

learn more… | top users | synonyms

1
vote
1answer
824 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 ...
1
vote
4answers
186 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 ...
4
votes
2answers
176 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
119 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 ...
1
vote
1answer
176 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
728 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
114 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 ...
4
votes
2answers
209 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 ...
3
votes
0answers
102 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 ...
1
vote
0answers
137 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 ...
1
vote
2answers
418 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, ...
0
votes
2answers
104 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 ...
-1
votes
1answer
58 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 ...
0
votes
1answer
200 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
291 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 ...
1
vote
2answers
2k views

How to import SVG icons to Sketch so that they don't overlap and placed in order?

I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by ...
0
votes
2answers
120 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 ...
4
votes
3answers
3k 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 ...
1
vote
1answer
439 views

What are the recommended icon sizes for a Smartwatch app launcher?

I am creating app launcher icon for Android smartwatches. What sizes should I consider while designing it? I tried searching for a template but I couldn't find any.
0
votes
1answer
834 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 ...
0
votes
0answers
21 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
468 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 http://www.nemsim.com/ece395blimp/fritzing/parts/svg/core/icon/Stepper_Motor_-...
3
votes
1answer
60 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
711 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 ...
0
votes
0answers
206 views

Round sharp edges of icon using GIMP or PIXLR

I am trying to make icon and small clip-arts to use in my app but the artwork I import has very sharp edges and they screw up the cleanliness of the app. How to buffer the edges I am using Pixlr ...
2
votes
1answer
377 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? I'...
1
vote
4answers
1k 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 ...
-1
votes
2answers
314 views

Is there a standard size for smiley icons?

I would like to know if there is a standard size I can follow when designing smiley icons.
1
vote
2answers
979 views

Confused about the resolution for IOS 6+ devices

I had designed one app for IPhone 5 and 6 and now I want to make the same app design for IPhone 6+ so what can be the resolution of its assets? Currently I had done following things in Photoshop. ...
0
votes
2answers
138 views

Changing color scheme of calendar icons?

Here's the image I'm working with: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and ...
3
votes
1answer
102 views

Which sizes should I deliver icons in? (Desktop, not web)

It's the first time I am designing some icons for use on a desktop, but I have now come to the point where I have to export them as .ico. My question: How do I deliver, hand in the icons to the ...
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
1answer
96 views

How to quick set Icon border color?

I am new to graphic design. I have an icon (attached). The border color of the icon is quite different with its inner color. My question is: There is any tools that I can use to quick modify border ...
0
votes
0answers
59 views

Resources on non-European heraldry and flags?

I was wondering if there was some good resources about non-European heraldry, flags and symbols like this one. My research yielded no good results. The History SE told me to come here. I'm looking ...
7
votes
2answers
215 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
2answers
1k views

The easy way to modify icon color & its background color

Sorry for the question. I am new to graphic design. I am a developer. I just bought an icon bundle for iOS & Android applications. I found that the colors are only black & while. The icons ...
1
vote
1answer
257 views

What icon can I use to indicate empty folder?

When you open a folder the icon should appear with the text and link "No documents yet. Try creating a new document." I used an empty folder icon and another version with a document icon. The client ...
8
votes
3answers
1k 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 ...
1
vote
2answers
155 views

Designing “and”, “or” Icons

I am trying to come up with a good design for a pair of icons that will be placed above a list of tags which filter a list of items. Basically the tags that are ticked can search using "and" or using ...
0
votes
2answers
121 views

Iconography for a “Pokemon moves list”?

I've been trying to find an icon that represents a Pokémon moves list for an app I'm developing, mind you this is an Android app and the icon will go directly to the ActionBar on a opaque background ...
2
votes
2answers
125 views

Tools for creating and exporting a LOT of icons?

I have to create and a large number of icons (multiple sizes and colors of a couple hundred icons). Sizes can range pretty drastically (largest at 256x256px, smallest at 14x14px) so I also have to be ...
0
votes
1answer
96 views

Gnome icons: how to get 24x24 size (not avail in distro)

Gnome icons have 48x48 / 64x64 sizes. I need sizes 24x24 or 22x22. I tried Irfanview: resize PNGs 48x to 24x. Result is bad: because of transparency I got bad pixels in output (edge is OK but corner ...
2
votes
1answer
2k views

Android Launcher Icon “suggests” a border

Looking at the Android Asset Studio Launcher Icon Generator, the launcher icons always end up with a transparent border of at least 2dp. Same goes the App Icon Template. But Googles Design Guide does ...
1
vote
2answers
183 views

File format dropdown in 'Extract Assets' dialog for Photoshop

I'm using the 'Extract Assets' feature in Photoshop CC 2014 but I'm running into a problem where I am not able to select any file type besides PNG-32 from the File Format dialog dropdown. Any ideas ...
1
vote
2answers
335 views

Using simple shapes, how do I recreate Twitter's in-feed reply icon?

Trying to recreate Twitter's reply icon: But how do I get that handle bar right using clean geometry? Right now I'm using two circles: But in the end it doesn't quite feel right: Anybody ...
1
vote
1answer
118 views

How can I make a template Icon in Adobe illustrator?

I created the attached icon for my client. Now my client wants to have the original AI file and he asked me to make a template so that he can change the flag in shades anytime he wants. I was ...
0
votes
0answers
108 views

Dynamically composed icons representing state of content

I am considering a web UI imrpovement. Each icon (large, 128x128px) in flow layout represents a configuration of a certain process, and, to the user, there are a bunch of "important" settings for this ...
3
votes
4answers
534 views

What's the easiest way to create to get this subtle 3D effect in an icon in Illustrator?

I managed to make the drop shadow, and I think I know how to get the ~1px bright outline/stroke, but how would you do this dark/bright effect around the edge and across the hole path?
1
vote
1answer
300 views

The perfect miter/join for the pointy part of a speech bubble

a young designer working for us made this speech bubble as part of a larger item ... Consider the join or miter of the "pointy part".. I'm thinking it might look poorly-done: it should be a tiny ...