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

learn more… | top users | synonyms

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 ...
3
votes
3answers
1k views

How to go about creating an Icon Pack

As a beginner in Illustrator I've been creating some pretty cool graphics I'd like to share on my website. From what I've seen, people create a one file .ai icon pack that you can download and use ...
0
votes
1answer
21 views

All-in-one tool to create and export all the iOS icon sizes [duplicate]

Hi I'm an iOS developer and I'm wondering how you design professionals create all those iOS icon sizes that are needed for an app. For the most part I have seen this as a two-step process: Create ...
-3
votes
0answers
22 views

Website to sell Glyphicon/Fonts Aw. packs [on hold]

Is there a website like themeforest, where I can sell custom glyphicon (fonts) packs? (fonts (icon) used in websites and web frameworks)
6
votes
2answers
948 views

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

I am working on an interface which let's a user select an item's state of ownership. The states may be "Buy", "Borrow" or "Have". What are the best Icons to describe these options visually? The ...
1
vote
1answer
30 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 ...
1
vote
1answer
40 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 ...
0
votes
0answers
16 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
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 ...
7
votes
3answers
6k 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 ...
3
votes
1answer
209 views

In InDesign, is it possible to hide the Web Content loading icon?

I am using web content layouts to make sure my animations are shown on the iPad. If I display the magazine on an iPad, I can see a loading icon on opening the page, right before the animation starts. ...
3
votes
1answer
90 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
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
77 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
votes
2answers
100 views

iOS Lock Screen Icon Questions

I am looking for some information on lock screen icons in iOS. The icon type I am referring to is the small one in the lower left corner. Also mentioned in this article: ...
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 ...
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
votes
1answer
2k views

What is this style of icon with 3D white people called?

I want to know what to call this type of picture: Is there a specific name, so that I could search these kind of images (that is images with a white human). Any help would be appreciated.
5
votes
3answers
682 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
98 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
46 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:
-1
votes
1answer
49 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?
-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 ...
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 ...
0
votes
1answer
40 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
104 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
189 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
0answers
162 views

Web font that includes both alphanumeric characters and icons

There are lots of icon fonts, like FontAwesome, ionicons and others. But is there any web font that includes both text and icons? If not, do you know why? My motivation to ask this is to be able ...
0
votes
1answer
372 views

Making parts of image transparent - am I doing it right?

First, I want to make it very clear that I am a newbie in the graphic design field and I have no idea of how things are done. I am more a programmer than a designer. I have been making a Google ...
1
vote
1answer
372 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.
1
vote
1answer
115 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 ...
2
votes
2answers
124 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 ...
3
votes
3answers
207 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
0answers
45 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 ...
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.
1
vote
0answers
47 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 ...
2
votes
1answer
690 views

Why are Yahoo's emoticon's more effective at conveying emotion than others?

What do you think are the objective features of Yahoo's well known emoticon set, that they use for mail, instant messaging etc., that make them so much better at communicating user's feelings and ...
38
votes
18answers
6k views

Good visual alternatives of representing the Push and Pull signs on doors?

Using "Push" and "Pull" should be quite straightforward, you read the word and follow the instructions. But day after day I see people in my office coming to the door and pushing when they should pull ...
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
vote
4answers
190 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
71 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
22 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 ...
4
votes
3answers
13k 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 ...
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
120 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?
4
votes
2answers
2k views

What are some good tools to create 3D icons?

I really like icons like those created by SoftFacade.com: I read the interview from one of their founders, where he mentions that they use "3d tools" without going into specifics. Now I am looking ...
-1
votes
1answer
103 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.