The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [icon]

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

Filter by
Sorted by
Tagged with
8
votes
1answer
293 views

Avoiding optical illusions in (icon) design

I am fairly new to the wonderful world of icon design and I have a recurring issue that I find difficult to deal with. for me, consistency in line thickness, shape sizes and colors is very important ...
0
votes
3answers
3k views

How to smoothen such jagged edges on curves?

I am newbie photoshop designer (not really a designer). I have this design done by me , you can clearly see those non-smooth curves, I want to know how I can smooth them out to look good in photoshop.
2
votes
2answers
1k views

Font viewer for Windows (a Character Map alternative) with CSS

I have a strong need in a Windows utility like Character Map with a feature of showing CSS classnames for the characters. That's because I use icon libraries e.g. Ionicons or Font Awesome in my ...
0
votes
2answers
111 views

Which icon to use for “do not crawl this page”

In a new prototype, I need an icon to show "Do not Crawl this page" The purpose of the icon is : The users are able to choose which pages the search engines should not crawl. I created an icon ...
3
votes
1answer
160 views

creating a 4 icon hierarchy in a dropdown

I am designing a spacial automation player that can run trough: a single instruction a single step (a group of instructions) a section (a group of steps) script (running all elements) I am trying to ...
0
votes
1answer
2k views

Illustrator - Minus Front command gives no results error

I am creating an icon and to apply shadow I am using the method to create similar overlapping layer, shifting one layer a little bit, selecting both of them and using the Minus Front error. For the ...
2
votes
2answers
492 views

How to fill a shape with icons automatically?

I know how to add the icons one by one manually, but is there a way to do it faster/automatically? Is there a generator for this somewhere? For example (pulled from here):
0
votes
1answer
65 views

Which Adobe tools are most appropriate to make App Store icons, and images?

I am a programmer and need to put something on the App Store in test mode (TestFlight, HockeyApp, etc). I need to create a variety of images, logos, and other material for the submission... but I ...
0
votes
1answer
525 views

How to create custom web background using repeating icon pattern?

Lately I've been seeing a lot of backgrounds of webpages having a pattern like this: Seems like a trend to have such a background for a webpage. Does anyone know what is this called? If possible, ...
-1
votes
1answer
2k views

How do I recreate this arrow in Sketch?

I am trying to create some of my website's assets in Sketch so I can use them in a new style guide. I am new to drawing these kind of shapes and I can not figure out how to get this arrow symmetrical ...
2
votes
2answers
169 views

In interface design, which icon is best suited to represent “icon”?

I'm building an interface for users to create a web page. The user clicks a button to choose an icon from an array of icons to be used on their page. I have always been stumped as to which icon is ...
2
votes
1answer
708 views

Merging Shapes to Create Gradient Icons in Sketch

I've just started using Sketch and am aware that there are two ways to combine shapes: Layer > Combine > Union Layer > Covert to Outlines I want to combine shapes to make one icon with one gradient ...
1
vote
1answer
529 views

128x128 png with crisp text

I am trying to create some buttons for a website I am building. There will be a number of buttons, they are circles that have one or two words written in them. Each button is 128x128 pixels. I am ...
0
votes
1answer
852 views

MacOS Icons: Combining three different designs into one ICNS file

I created three different versions of one Mac icon in Sketch ranging from least detailed (small version) for 16x16 to most detailed (large version) at 512x512. The plugin I use in Sketch exports an ...
2
votes
2answers
694 views

Complex Rounded Corners in Ai or Sketch

I'm really inspired by Tim Van Damme's and Abstract's Mac Icon. The rounded corners that make up the icon are interesting to me. I've seen Tim make rounded edges like these before and would like to ...
1
vote
1answer
465 views

Why won't a certain object combine into another in Inkscape?

I am making an icon pack using Inkscape that is focused around brand and social icons. I am planning on adding the FreeBSD logo to the pack, so I have been recreating the logo: However, when I try to ...
-1
votes
3answers
151 views

What's this minimalist icon style called? [duplicate]

I've been seeing this "style" of minimalist icon more and more, with that "shadow" on the bottom right. Is there a specific name for this? Thanks.
26
votes
12answers
31k views

What is the standard way for conveying vegan and vegetarian as separate icons?

Working on a project, I need 2 icons for Vegan and Vegetarian to display at a glance nutritional information. The problem that I'm running into is that there doesn't seem to be a good way to have each ...
1
vote
1answer
274 views

How to create a letter icon from words

I would like to create an image, which will be a letter and will consist of words I choose. It will be similar to this: Is there any tool that makes this automatically? How can I do that? Thanks.
4
votes
1answer
790 views

SVG not rendering correctly after generation using Icomoon

I'm a little stumped as to why my nice icon gets a little chewed up by Icomoon. <svg xmlns="http://www.w3.org/2000/svg" width="624" height="600" viewBox="-161.358 -67.667 624 600"> <path ...
1
vote
1answer
1k views

SVG - make overlapping lines in a <path> element visable

I am building a blog and would like to have a line of social media icons immediately underneath the title. I have achieved this somewhat using the FontAwesome. However I would like to include some ...
-1
votes
2answers
90 views

How to recreate this icon in vector

I am trying to recreate this icon in a vector format. I thought I might find a similar icon on the web which I could simply modify, but have not found anything close enough. I tried to do a trace in ...
8
votes
3answers
4k views

Is there icon for “Set Default”

I've been using many icons to make buttons through my application distinct and easier to understand(by using common icon), but one button struck into my mind: "Set Default" button. I couldn't find ...
0
votes
2answers
291 views

Using inner and outer curves to create an icon

I've recently come into working with Adobe Illustrator to create icons and I was wonder how I could replicate this pre-made icon I found. I originally thought of using two rectangles and joining them ...
0
votes
1answer
476 views

Illustrator: blurry app icons when scaling down

I've created an icon in Illustrator and have been uploading it into makeappicon.com to try to get all of the correct icon sizes. Most of the icons are extremely blurry and I can't figure out why. Any ...
2
votes
1answer
201 views

Should all SVG assets be designed in 1x?

(first, sorry if that's a really beginner question but the world of SVG's seems pretty confusing). I have a couple of SVG icons that are designed at a baseline 48x48 or larger but need them to fit ...
2
votes
1answer
2k views

Exporting various icons at the same size from Illustrator

I've created some icons, but they export at various sizes. We'd like to have them all be the same size, for use in our app. How can I export these all as the same size? Right now, they're exporting as ...
-3
votes
2answers
516 views

Where to find human teeth icon set with all sides?

I need human teeth icons in vector format like the attached image with teeth showing from all sides. On all marketplaces (flaticon.com, freepik.com, thenounproject.com, shutterstock.com and ...
4
votes
1answer
5k views

How to use Sketch iOS app icon template?

I'd like to integrate some external artwork into a Sketch iOS app icon template that comes built-in with Sketch 42 (36781). I can't seem to find information on the proper way to use the template. I've ...
0
votes
1answer
76 views

What do the icons under 'links' in Adobe AI mean?

I am opening an Adobe AI file that was sent to me and created by someone else that contains missing links. What does this icon mean? I am assuming it's something along the lines of the asset not ...
0
votes
1answer
105 views

Is Microsoft's Windows XP icon design free to use commercially?

https://msdn.microsoft.com/en-us/library/ms997636.aspx On this page, Microsoft says how to make Windows XP icons. I love Windows XP! The style, the texture, the shading,... It's so alive unlike this ...
0
votes
1answer
118 views

What style is the new Opera logo?

The new Opera logo looks really nice and so does the 2011 Office for Mac icons. What style are they?
2
votes
3answers
157 views

What are the pros and cons in Sketch of outlining icon fonts over leaving them as fonts?

I'm unsure which method is better, and also which one enables the easiest handover to a developer.
0
votes
1answer
812 views

My app icon is showing Blur

I am a fresher UI/UX designer. My APP icon is showing blur and I am using photoshop 72 resolution and please tell me about android & ios icon measurement, Resolution and size.
5
votes
1answer
10k views

How to create proper Vector Images that can be used as an Android Vector-Drawable?

I'm quite new to creating vector images. I started to learn how the create them because I need some custom icons for an Android app I'm currently working on. And here starts the problem. I'm creating ...
0
votes
1answer
149 views

Unable to perfect center font awesome in Sketch 3

I am making a small infographic on a website in sketch 3. I am using font-awesome and trying to center an icon in the middle of the circle. But I realised it can't be done because there is a small ...
-2
votes
1answer
83 views

How to add caption to my icon like this example?

I want to add text to my icon like this: "Free" added to the icon. I had a contractor that did it for me in the past but she is no longer working for me. I want to do it myself. What is the simplest ...
0
votes
1answer
1k views

How to cut shape on top of another one in illustrator? [duplicate]

I'm working on Adobe Illustrator CS6 and I've a question about how to cut an area from a shape using another shape. To clarify the point, I've the first image below. What I want to do, is to 'cut' ...
0
votes
1answer
157 views

Having issues trying to save file as SVG in Illustrator

Created my first icon and now trying to save it as .SVG, but not going as planned. When I view my icon in Inkscape it shows that it is missing some objects, or the object in question is distorted. I ...
1
vote
1answer
141 views

Hundreds of icons in one Illustrator art board. What's the quickest way to organize these better?

A designer before me created icons for our software in Illustrator files (i.e. icons-12x12.ai, icons-16x16.ai etc). All of them have one art board and potentially hundreds of icons in them. The ...
1
vote
1answer
122 views

How to Indicate “offline” in a “send message” icon?

I have an icon that looks like a chat bubble to send a message to a user. Now, you can send a message both to an online and offline user. I'm trying to have two different icons. Right now they are ...
7
votes
3answers
715 views

How to color overlay an icon with multiple colors?

Is there a way (ideally using Sketch) to do a single color overlay over an icon that has multiple colors – while preserving the original icon's different shades? I'm trying to turn the blue folder ...
3
votes
2answers
548 views

Should an arrow for “update” point up or down?

I have an arrow icon notifying the user about pending software updates. The update needs to be downloaded, which indicates the arrow should point down. On the other side, updates are raising a ...
3
votes
2answers
424 views

Icon to text alignment. Align to caps letter, x height or baseline?

I'm designing UI for the desktop app. I have a sidebar with menu (icon + label, both clickable). I centered icons to the first caps letters. Should I use other alignment? Are there any guidelines on ...
-1
votes
1answer
74 views

Any online tools for SVG creating? [closed]

I am looking a free source for creating SVG icons, any provide or example for me? Thanks.
0
votes
1answer
105 views

What are hidden icons?

What are hidden icons? I saw that term in Icons Handbook. The original emoticons only existed as 19×19px and, while they had transparent backgrounds, the edges were aliased. An odd-numbered grid ...
1
vote
1answer
890 views

What is the typography of the original coexist symbol? [closed]

The coexist symbol has become more or less widespread. I'd like to know: Which is the font used by the original designer: Piotr Mlodozeniec? I'm surprised that an icon has become popularized only ...
2
votes
3answers
1k views

Need icon ideas to indicate “crane not working ”

I overlapped the below icon on top of the vehicle but still the user feels like the vehicle is prohibited rather than not working/operational. Is there any other way to design. Thanks in advance.
2
votes
1answer
378 views

Web design concept to represent categories

I have been looking all over the web for good examples of how represent 4 major categories on a web page from a design perspective. I am designing a web site help centre. There are 4 major categories:...
-1
votes
2answers
340 views

How to render icons with crisp edges in Illustrator

This is mainly a question about the quality of logos/icons used in Websites. I create logos/icons using Illustrator but when I see icons on professional websites (see image and links), they look crisp ...