Questions tagged [icon]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
1k 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 ...
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 "...
0
votes
3answers
1k 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 ...
3
votes
3answers
10k 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
932 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 ...
11
votes
5answers
9k 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 ...
3
votes
1answer
1k 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.
5
votes
2answers
4k 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
24 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
2k 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
72 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 or ...
4
votes
1answer
4k 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
490 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
3k 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
3k 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
1k 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
152 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 Photoshop,...
4
votes
1answer
154 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 ...
1
vote
4answers
8k 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
164 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 ...
7
votes
2answers
326 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)...
1
vote
2answers
3k 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
585 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
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 ...
2
votes
2answers
535 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
263 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
143 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
116 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
4k 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
197 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
487 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 have any ...
1
vote
1answer
372 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
112 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
1k 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?
2
votes
1answer
559 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 bit ...
3
votes
6answers
459 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
70 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
886 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 "empty" ...
0
votes
1answer
803 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 ...
9
votes
3answers
13k 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
2answers
7k 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 ...
2
votes
1answer
107 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 (which ...
0
votes
0answers
284 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
3answers
2k 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
445 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
521 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
122 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
808 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
5answers
934 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, ...
2
votes
1answer
4k 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
5 6
7
8 9
13