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

learn more… | top users | synonyms

1
vote
1answer
24 views

How to create navigation icons properly?

I created the star icon below in inkscape and found the newsfeed icon in .png form on the internet. They look good in FF, Chrome, Opera and Safari, but distorted in IE. My strategy for the star ...
6
votes
2answers
885 views

What is the best Icon to use for an item's state of: “I need to borrow” and “I already have it”?

I've been working on a list application for a while now and I have a feature for each item on the list that shows what state that item is in. Each item's options for its state is "Buy", "Borrow" and ...
0
votes
0answers
14 views

Problem converting SVG icon to font icon with iconmoon losing cutout

I have created a number of icons which I've used iconmoon to convert them to font icons. However, the eye icon loses it's centre cutout when I import the image into the iconmoon app. This is what ...
0
votes
0answers
21 views

Changing a graphic that has TM

What needs to be taken care of when you would like to change a trade marked graphic that we created in house? The original graphic was created and not thought how it would transfer to a 1-color ...
0
votes
1answer
39 views

How to merge two shapes and create a space between them

I am trying to merge these two shapes in Adobe Illustrator, so that the black line makes a cutout through the grey rings of the target, and leaves a specified gap around the edge between the black ...
-1
votes
1answer
76 views

Can someone help me about this icon design? [closed]

How are you? This is my first work. please help me about this icon design. does it have problem? Thank you icon picture :
1
vote
1answer
35 views

Subtract overflowing group of shapes from shape in Sketch

about a month ago I switched to Sketch for webdesigning and I'm a very happy camper ever since. I really love the program and for me it's a big improvement from webdesigning with ...
5
votes
3answers
680 views

Make text look like it's part of icon

I'm trying to create a 'Delete History' icon. Here's how it looks now: There are two problems: 1 - I feel something doesn't look right. 2 - How do I get "History" to look like it's there, and not ...
0
votes
3answers
96 views

Where can i find icon fonts for currency symbols?

I would like help to finding an icon font package like ionicon for most, if not all, the currency symbols in the world. I currently use ionicon for my kivy app just need the currency symbols now.
0
votes
2answers
41 views

On what occasion should I distort icon?

I might, for some reasons, distort an icon like Microsoft Windows 8 icon. However, according to the Google Material design Rulebook icons-product-icons "Google Holy Bible of Designs", I should not ...
-1
votes
1answer
50 views

Icon for “Services”

I'm making a web-site for a friend of mine. She works mainly with nail-art and make ups (I don't really know). Anyway, I wonder what would be good for an icon for "Services" of this kind of thing? I ...
-2
votes
1answer
42 views

What is a layered ico?

I came across an ICO file and since I didn't have Photoshop I had to open it in GIMP. Then I realized it has layers. What is a layered ico file and when will I ever need it?
0
votes
1answer
32 views

How do I get rid of the border (transparent space) for my iOS toolbar icon?

I'm an iOS developer and need to get icons sized correctly The following image shows gears that are not sized correctly in production because of that border. I need to cut that space out (and grow ...
0
votes
1answer
39 views

iphone icon sizes compared to on photoshop

I noticed the apple guidelines mentions that app icons are 120x120 but when I go to something like photoshop or fireworks to see how that looks like, it looks much bigger than that. Anyone know why?
0
votes
2answers
99 views

How to save small png files (icons) with minimal pixelation?

I've been tasked with creating a bunch of icons for a software product that my company develops. The problem is, I keep getting feedback that the icons are too "pixelated" for them to use... The ...
0
votes
0answers
42 views

Manually creating pixel perfect assets

If I have a 20x20 px icon and use an asset generating script to generate 1x, 2x and 3x assets for Apple devices, I would get the assets in the following sizes: 1x = 20x20 2x = 40x40 3x = 60x60 ...
10
votes
3answers
2k 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 ...
1
vote
3answers
77 views

What would be a good icon for representing “Stress”?

I'm referring to mental stress - state of mental or emotional strain or tension resulting from adverse or demanding circumstances.
3
votes
3answers
198 views

How to best represent different priority levels using icons?

In a web application I'm developing we categorize systems based on their criticality (1-4). A system might have connected emergencies, which have emergency levels (1-3). Combined they give you the ...
0
votes
1answer
79 views

How to save my icon into 192*192 resolution with out spoiling its shape

I need to make an icon for android phones which have 192*192 resolution. How to make it proportionate with out losing the shape? This is the shape I want to be made to 192*192. When ever I keep the ...
-1
votes
1answer
45 views

How to create a glitch free stroke icon in photoshop?

I'm creating an icon but if I use it in small resolution screen it's shown with glitches like follow:
3
votes
3answers
69 views

Automatically convert high res image or svg into multisized ico?

Is there any software or script that will automatically convert a high res image or an svg into the multiple dimensions needed to create a proper multisized ico? Ideally it would resize the file into ...
1
vote
4answers
181 views

How to create shading effects for flat design?

I learned a way to use Blend Tool to create shading effect for flat logo design.Here I put same adjustments as the tutorial does, but my shading is not smooth for some reason. I am guessing it's a ...
0
votes
0answers
62 views

Best practices for a file of icons in Illustrator that can export perfectly to both PNG and SVG?

I'm using Adobe Illustrator to maintain a set of icons for a desktop application. Whenever I update them, I need to export them both to SVG and to a minimum-resolution PNG that matches the pixel ...
0
votes
0answers
21 views

Sketch - imported png's scale themselves down?

When I import certain png's into Sketch, they size themselves down. For example, if I import a 16x16 px icon, Sketch will give it a size of 12x12. To remedy this, I'll have to resize it to 16x16 in ...
0
votes
1answer
38 views

icon sizes and consistency

I downloaded an icon pack and there isn't an icon for a certain category in my project.I want to keep my icons consistent with the look so what should I do in this situation? Do I just look for ...
0
votes
6answers
119 views

How to pass a vision of serious company?

I'm a programmer, I'm facing some problems in time to reframe the icons of an old system. Analytically,how to pass a vision of serious company using icons? Example of current icons: Suggested ...
16
votes
3answers
3k 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?
1
vote
3answers
53 views

Icon for reordering a horizontal nav on an iOS app?

So, I know that the icon with the three lines is the most common method of letting the user know that a vertical list is able to be moved around. Example here: I'm wondering how the same kind of ...
-1
votes
1answer
96 views

What does 'content: “\e61e”' mean in CSS?

Wonder what content:"\e61e" is in the .icon-trash:before class' CSS. I know that they use a font to make icons but I don't know what "\e61e" is? Any explanation? Thank you in advance.
3
votes
2answers
74 views

Icon for clearing ALL values in form

What icon should I use for clearing all values from textboxes, selectors etc in my form on aspx website. I don't want to use the reload button icon, because I'm not going to do postback I will just ...
3
votes
2answers
71 views

Re-use icon for similar meaning in UI

I am on a development team that is building an enterprise intranet application with several different user groups giving different kinds of support. The application displays attributes in key-value ...
0
votes
0answers
431 views

xxxhdpi icons 192X192 made with 72 pixels/inch for android. Resolution?

i am trying to make an icon pack. I have already made 300+ 192X192 dimesions icons with resolution of 72 pixels/inch. But forgot about the resolution. Is the resolution correct or need to create them ...
5
votes
3answers
547 views

Changing icons or graphics based on user geographic location/language?

Inspired by this question on international police icon, I started to wonder If there is a reasonably simple way to replace an icon depending on browser language? ...and if anyone has come across ...
2
votes
2answers
103 views

Is there a name for this kind of website footer graphic?

(taken from KeePass site) These images were quite popular on websites around the early 00's, from as far back as I can remember. They seemed to phase out with the introduction of flat and material ...
-3
votes
1answer
54 views

What's a good icon for symbolising “rent”?

"rent" as in renting of books etc. I need to design a rent icon that symbolizes renting of books in a mobile app.
1
vote
1answer
111 views

Standard “Hamburger Icon” Margin?

I know the margin around the icon is usually listed in dp (for Android at least), but let's say on a 1080p phone, does anyone know the pixel margins that would be (left edge of the screen on the left ...
1
vote
0answers
48 views

how to design android app icons without quality drop

i have designed a beautiful icon for my app but when i re size it for different screen sizes(mdpi-hdpi...) the icon quality drops to very low how should i re size it with no quality drop?i'm using ...
-4
votes
1answer
48 views

How to easily draw real-life icons [closed]

I am sorry for such a broad question. I am wondering if there are any tools to make drawing icons / images like the image below. Ideally something quicker than drawing lines, boxes and circles in ...
3
votes
1answer
138 views

Sizes for icon for social sharing

I am creating an icon for our brand to appear on our clients sites next to the sharing options e.g. Facebook, Twitter, etc. I cannot find a standard size for all these icons. I realise that each ...
1
vote
1answer
143 views

What does a small arrow next to a cursor mean?

I'm wondering what this cursor means. The left arrow appears when you hold CTRL/CMD + Left Click on any fill.
0
votes
1answer
64 views

Should all icons in the UI have same style?

So this question has been bothering me for a while now. Some people don't mind this, while others absolutely hate when icons don't have the same style. This is from my experience. What am I am talking ...
12
votes
4answers
870 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 ...
0
votes
1answer
107 views

How to generate tint, shade and shadow colors in illustrator?

I am trying to make an app icon by following the guidelines given here in Adobe Illustrator, but I am unable to figure out how to generate the colors for tint, shade and shadow. Can anyone help me ...
0
votes
1answer
104 views

How to create 736px rounded triangle with 18px border radius in Illustrator?

I am creating an app icon and, for the envelope's top part, and I want pixel perfect accuracy. When I try to create a rounded triangle using the polygon tool with a width 736px and then use live ...
8
votes
3answers
494 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 ...
5
votes
2answers
526 views

What unicode character should I use to represent the fill bucket?

I'm designing a mockup paint editor for the web and I'm using unicode characters to represent all of the different tools. I ran into a problem when I got to the fill bucket - I can't find anything ...
1
vote
0answers
44 views

How to distribute large amount of icons in Illustrator?

I want to make a design where there will be a lot of randomly placed icons. A few of them will be a different color to visually form the shade of some large object. Kind of like this effect, but ...
1
vote
1answer
36 views

How to make layer from object immediately in illustrator cc? [closed]

I was wondered if I can make a layer from selected object in illustrator directly? instead of creating a new layer then grab the 'path' from the previous layer to make it a new layer. any shortcut ...
0
votes
0answers
19 views

When, why and how did this simple/plain polygon/color design start? [duplicate]

Ever since Windows 8, there's this simple design of icons, GUIs, logos, websites, but not just in software, but even the UEFA Chamions League has a logo like that. The whole Windows 8 and Windows 10 ...