Questions about icons (graphic image, small picture, or object that represents a file, program, web page, or command).

learn more… | top users | synonyms

2
votes
0answers
51 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? ...
1
vote
3answers
52 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
51 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.
0
votes
2answers
26 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
0answers
34 views

Suggestions for “Minimum delivery” icon

We haven't been able to come up with a suitable idea for the icon 'minimum delivery amount'. The icon needs to signify that the restaurant will accept orders only above a certain minimum amount. The ...
0
votes
2answers
64 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 ...
1
vote
4answers
402 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
24 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
39 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 ...
0
votes
0answers
24 views

Why isn't my .ico file matching my .png in Windows tray?

So I am doing some experimenting and I am trying to convert a .ico into a .png. For testing I am extracting a 16x16 .ico from notepad.exe on Windows. I am then converting it into a .png. When using ...
6
votes
2answers
111 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
51 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
50 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
61 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
56 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 ...
0
votes
1answer
47 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
48 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 ...
1
vote
1answer
137 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
97 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 ...
0
votes
0answers
18 views

How do I get rid of the information in a photo in GIMP or Photoshop? [duplicate]

I have an image of an alarm clock that I want to use for my IOS app as an app icon but when displayed in the app it only shows a square that encompasses the photo. I want to know how to make it so ...
1
vote
2answers
73 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
43 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
58 views

Icons for ios app in illustrator… how to automate the export and naming of slices for different resolutions

So I have an artboard with a load of icons at 44px, individually sliced using the slice tool. Now I can export them using save-for-web dialogue and I get them all at 44px. I want to export them at ...
0
votes
0answers
73 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 ...
2
votes
4answers
178 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
143 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 ...
3
votes
5answers
170 views

Critique: how to visually differentiate similar looking icons of “Test”, “Save”, “Load” & “Download”

I'm Currently working on a mail template builder project. We're using a lot of icons and now I need to make some for our menu bar. As you can see they must represent Test, Save, Load, & Download ...
1
vote
1answer
54 views

Polite “Payment Confirmed” Image

I'm creating a step-by-step image chart to a website describing a paid program that only liberates access when user's payment is confirmed. I want to be far from showing users some greedy icon (like a ...
6
votes
2answers
622 views

Effectively creating this effect in Illustrator?

Been lurking awhile but this is my first post. I've always wondered what this effect is called and I'm almost certain there's an easier way to doing it than how I do it. I'm talking about the ...
0
votes
0answers
116 views

Saving long shadow effect as graphic style for flat design in Illustrator

How do I save the long shadow effect for flat icons in Illustrator? I have created the effect for few icons but for each and every other icon but it takes time. In the following screenshot I have ...
0
votes
1answer
168 views

Modifying the iOS 7 “App Icon Template” (PSD) to apply rounded corners to images of any size

I am trying to use the "App Icon Template" with a smaller sized image than 1024x1024px in order to generate a rounded 120x120px iOS 7 icon image from my original squared 120x120px image. When I place ...
2
votes
2answers
251 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 ...
0
votes
1answer
101 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
20 views

Illustrator Not Scaling Proportionally? [duplicate]

I'm having issues getting Illustrator to scale and subtract proportionally. Problem #1: I designed a blueprint icon, and every time I try to scale it down, some of the lines disappear. There are no ...
2
votes
2answers
46 views

What icon to use for “Text Position”

So my application can position text added inside an object for it to be inside, on top, on the bottom or left / right to the object. Example: So the options are to be hidden inside a button ...
0
votes
0answers
41 views

How to automate letters icon creation with free tools

I must say im not designer im programmer im building simple game for my kids in this game i need to create many sets of english letters icons like this ones im attaching. now im doing it using ...
0
votes
2answers
393 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 ...
2
votes
1answer
68 views

What is the best practice for laying out and exporting custom icons from AI?

I'm working on creating completely custom icons with AI and essentially exporting them out as an individual svg icons to be used in our app development. I have been experimenting with different ways ...
1
vote
4answers
384 views

Critique: Icon design

I am producing a new application icon for a query menus and I would critique about this icon: The aim of this icon is to represent the group of dishes, like in a folder tree found in many operating ...
-1
votes
1answer
50 views

Where to find flat icons for formatting?

I want to create a tool bar with the following items: Browse Templates New document Copy Paste Cut Fill Save Undo / Redo Line Color I've been looking everywhere for a free icon set with the above. ...
0
votes
1answer
114 views

How to reproduce the gradient effect in the 'Find My iPhone' icon? [duplicate]

How to make this icon in Illustrator/Photoshop or any other software for that matter?
3
votes
4answers
244 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, ...
0
votes
1answer
468 views

Tool to create the icons for an Android app

I am an Android developer. Currently I am working on an Android app where I need to to create the icons even though I don't know of any tool to create the icons. Is there good websites which can ...
1
vote
1answer
1k 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 ...
1
vote
0answers
19 views

What features are needed in an icon for domains and websites to be easily differentiable and individually recognizable?

I am trying to create two icons. One for domains (as in TLDs such as .com, .net, .io) and another for websites (the entire website including the domain, code and content). I have been toying with in ...
2
votes
3answers
196 views

What is a good icon for a 'change units' button?

We are working on a software with a design close to Office 2013 (2D icons, main colors black and white). We have a button which allows the user to change the units in the software. We are looking for ...
0
votes
4answers
76 views

Icon to represent a music artist in a music app?

I'm building the interface for a music application and you can sort by songs, albums, artists, etc. I have icons for all of these, but I'm currently using a generic "person" icon for ...
3
votes
3answers
257 views

Critique: Musically Inspired Brand Identity Design for a Freelancing Home Studio Music Producer

My name is Kaitav Sapre and I am an independent home studio music producer. I am having a new logo designed for myself, but I am unsure about the type of logo I should consider getting designed, and ...
2
votes
2answers
157 views

How to create an inline horizontal navigation with mixed text and icon links that's easy to adjust, tweak and improve?

I'm cutting CSS and facing a problem, if I try to change the line-height, padding, margin of any of the last 2 items of the menu, other items will be affected. Here is the screenshot of my current ...