Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [icon]

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

0
votes
0answers
3 views

web dev looking for some suggestions on this amateur logo design

Hello, I'm a junior web developer. I'm actually in the process of building a personal website and I decided to design myself a logo first. This is my first logo I have designed or let alone use ...
0
votes
0answers
18 views

How can I make a full coloured icon set work as a font?

I am in the process of designing a set of icons for my client to offer a full-colour alternative, whereby the gradient has an outline colour, with a fill gradient colour. For example here - https://...
1
vote
1answer
54 views

How do I export a crisp icon from Illustrator?

I have created an icon in Illustrator that I would like to use as an emoji on Discord and Twitch. I exported it as a 2031 × 2002 image and uploaded it to Discord. When I use the emote on Discord (...
3
votes
3answers
86 views

What can symbolize “mold-breaker”?

I've searched online for a very long while now but there seems to be no iconography or symbolism for mold-breaker. Internet only knows the Pokemon ability of the same name or mold, the disease. It ...
0
votes
2answers
88 views

Can I use a Freepik icon as my commercial mobile app icon?

I know Freepik icons may not be used as logo types, but logos and icons are two different things. I have a mobile app that I intend to sell, can I use an icon from Freepik and use it as the app icon? ...
4
votes
1answer
256 views

Create a Price Tag Icon with Rounded Corners

I am learning to create icons in Photoshop, but I'm not sure how to tackle creating this icon. Is it possible using only Photoshop?
2
votes
3answers
75 views

How to get smoother shape edges?

I am currently working on some custom icons. I stumbled upon an article which addresses issues of optical effects and illusions of shapes. What I noticed is that the shapes shown in images provided in ...
0
votes
1answer
37 views

Free image for the “grab” cursor for IE11

I am looking at this question and its answers, and it seems the only legitimate way to implement a grab cursor in IE11 is to use an image like this: cursor: url(images/grab.cur); Browsing the ...
1
vote
2answers
53 views

Linguistic Terms Icons?

Does anyone know of any linguistic terms icons (icons for "noun", "stem", "grammatical number", various grammatical cases), or preferably a package of them? I know of the Noun Project and there are ...
0
votes
1answer
112 views

Distorted SVG icon when exporting from Sketch

I am getting a strange result when exporting an SVG icon from Sketch. I am trying to export this mail icon that is made up of two masked triangles and an outer rectangle (all using an outside border):...
0
votes
2answers
58 views

How do you represent the concept “rate per hour” visually or as an icon?

I am trying to think of a good visual representation for "rate per hour" as in "this is the rate per hour that I am being charged at for this time" or "I am charging someone else at this rate per hour....
0
votes
2answers
52 views

Software for quickly and simply re-coloring and resizing a PNG image

Let's say I'm given an image of a flat colored icon, which is a 512x512 PNG black icon. Is there a software to quickly and simply generate e.g. a 36x36 (arbitrary) red (or any color) version of the ...
0
votes
4answers
78 views

Iconography - Icon or text first?

What is a better approach for designing buttons for the web? Should the icon come before the text or after? Personally I think it really depends on the context of area but just wondered what would be ...
-1
votes
2answers
85 views

Icon to signify that an event is postponed

I have 8-10 different event types that can be scheduled, completed, adjusted, postponed, etc. What would be a good icon to signify that an event is postponed? I was thinking the loader icon, but I'm ...
1
vote
1answer
195 views

How do I convert my .svg to a woff icon font?

I have tried all conversion websites and softwares but I cannot seem to get my .svg to convert to a .woff file (or any font file ex. eot .ttf ) so I can add it as an icon to my website. I know very ...
2
votes
1answer
124 views

Import/Export vs upload/download icons arrow direction

Why are the arrows for download and export in opposite directions? They do the same things : send a file from the server to the client. Differences between downloadand export export is focused on the ...
0
votes
2answers
50 views

How to draw these subtler but standard emojis in monochrome

I'm looking at this and this for basic text emoticons, and some of the standard graphical ones we use today aren't really easily done in text, and don't seem easy to do in monochrome without the use ...
0
votes
4answers
377 views

Convert .svg to multisize .ico in bulk

I have a lot of .svg icons that each need to be converted to an .ico file that contains multiple resolutions. The background needs to be transparent. These are the resolutions I need inside each .ico ...
-4
votes
1answer
120 views

Looking for some creative advice on a sharp, strong and minimal logo. All inputs appreciated [closed]

I'm creating a logo for a tech/IT startup have received absolute instructions on what the client would like to see. It should be: 1. B&W (and shades of grey - not 50 though) 2. Minimal almost ...
0
votes
1answer
19 views

How to merge overlapping shapes while keeping the layer order in Sketch?

I am designing an icon for card decks. What I did is to stack five rectangles with white fill as shown below. I am wondering how to make the white fillings transparent while keeping the stack ...
3
votes
0answers
59 views

Real estate property listing formatting

Working on this real estate development website with multiple units for sale, each of these listing the number of bedrooms, bathrooms, floor and unit surface per unit (below the 'Family Unit' title). ...
0
votes
1answer
102 views

How to convey Medieval hair/fur in a 2D icon-style composition

I am working in adobe illustrator to create a icon in svg format. The icon is supposed to be a young male lion, and the style is supposed to be Medieval (a design for a Medieval shield crest or ...
0
votes
2answers
132 views

How can I draw the arrow in this icon?

How do I draw that arrow? I use scissors to cut out parts of the path but the end became pointy.
2
votes
1answer
152 views

What are the best icons to represent “now” and “in the future”

What would be the best icons to represent something done in the current time frame or now and something that will be done in the future?
0
votes
3answers
209 views

Generic “get in touch” icon

I usually use the phone call icons, or email, sms, and so on. But in my case we found the need for a generic "get in touch" icon, which will lead to either email, or phonecall, or sms, depending on ...
0
votes
1answer
48 views

Need help for icons (leads/ customers) [closed]

I am designing an app/ web and have problems finding icons to represent: Leads Customers Icons are more for internal use rather than customer-facing. Anybody have experience or ideas please? Thank ...
0
votes
1answer
1k views

Changing the background color of PNG Image while keeping search button in white color instead of grey color [closed]

I have the search button image on my site which has black background and grey search button and this is PNG image with the following code in stylesheet.css .topsearch .btn-search { width:29px; ...
-1
votes
1answer
38 views

How perfectly scale and produce different sizes of icon without losing the quality in Illustrator

I already have sketch icon converted in svg, eps and ai files. And I wanted to produce different specific sizes for mobile app design. How would I properly scale an Icon?
0
votes
1answer
83 views

Can I use a modified version of a Microsoft program icon for my own software under “Fair Use”?

I am making a direct (probably free/libre) competitor to a minor element of Microsoft Office which is soon due to cease development. Can I use a modified version of an existing Microsoft program icon ...
0
votes
2answers
42 views

How can one search for a quick icon on google images without all the stock photo sites coming up on search results?

I'm looking for just a very simple icon of just a black and white notepad, but when I use google images its very annoying to have stock photo icon sites to come up where they make you pay for it. Is ...
3
votes
5answers
593 views

What icon can represent “other” or “miscellaneous”?

I've made a few icons representing different categories like "park", "nature", "sanitation" etc. I'm now officially stuck on the icon for "other" or "miscellaneous". This icon is going to represent ...
0
votes
2answers
80 views

How to replicate this old Safari (Browser) icon border effect? (Photoshop) [closed]

I am trying to replicate this border button effect (the gradients, fill color and shadows; forget about the content of the icon). I've already tried to achieve it but I am struggling Can you give me ...
12
votes
3answers
608 views

Simple icon to represent 'presets'?

For my concept I have a task bar that has 3 functions. 'Save' 'Load Preset' and 'Help'. Save and Help both have simple icons that don't require text. Which is great, because I would like to leave as ...
0
votes
3answers
90 views

Match font for an icon

Hi I am working with bootstrap navbar and I have 4 flat icons (very sharp outline) like below : I need to make another one to show another menu option in the navbar. The new icon is only text with ...
1
vote
1answer
283 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
1
vote
1answer
925 views

Export PNG image in Sketch, looks poor quality [duplicate]

I'm using Sketch 51 on a macOS High Sierra. The Instagram icon looks great in Sketch but when I export as PNG it loses a lot of quality. To the right we can see the icon in Sketch with zoom in good ...
0
votes
1answer
49 views

Help with using Direct Selection Tool while creating an icon in Illustrator

I am new to Illustrator and learning how to make icons following this link https://helpx.adobe.com/in/illustrator/how-to/icon-design.html I am stuck at step 5. I am not getting the corner widget ...
1
vote
1answer
190 views

Are Microsoft Emojis available as a library of SVG/images?

I am a fan of Microsoft's Emoji design, and would like to use them on my site without worrying about different devices/OS's using their own emoji set. This means using actual Emojis is not an option, ...
3
votes
1answer
144 views

It is recommended to put the main image below the bio info in your profile?

I am not an expert in interface design (just if you think my question is bad). I am designing my own web site where I share my work and add some info about myself. On the main page: it is ...
0
votes
2answers
77 views

colouring an icon accurately

I am a coder really, and I have to recolour an icon - and I can't get it work. Here is the icon I need it to be #df2526 I created a new adjustment layer that is hue saturation and click colorize (...
0
votes
1answer
66 views

Put a collage of icons into a shape?

I am trying to learn how to put a collage of summer icons into the shape of a flip flop like the picture attached. Is there a way to do it without having to place each icon separately? Any tips would ...
0
votes
1answer
76 views

Remake Icon for commercial use

I dont know wether this is the right place to ask this kind of question, but I'll give it a try. I discovered an Icon on the web which I want to use for a companies new logo (together with some text ...
1
vote
1answer
120 views

Grid and design guidelines for 3D system icons?

I'm experimenting with 2D interfaces for 3D design and spatial interfaces and looking for some guidelines such as material design Note: I'm not talking about 3d icons in general (style) but icons ...
26
votes
10answers
7k views

How can I make this logo look more obviously like an icing bag and a crown?

For my brand identity class, I had to do a logo for a local bakery. The first one is what I started with. The bottom is where I am now The problem I'm having: I need to show lines or shapes ...
2
votes
1answer
120 views

flip an ico-image without quality loss or size increase

My goal is to take an ico-image, like this wikipedia.ico and flip it vertically. My first attempt was $ convert -flip wikipedia.ico flipped.ico And it works, except that the resulting file flipped....
0
votes
3answers
76 views

How should icons inside an app look like?

I'm going to develop a new app for neighbors community and local business so in the app, the users will find some categories of services they can choose and inside every category the related services. ...
1
vote
1answer
95 views

Iconography Sizing - Creating a Grid

I’m trying to create a grid to make my icons more consistent. At first, I decided to play with 24x24 px as my default size (with 1px line weight). To maintain visual weight, my circles were 22x22 px, ...
4
votes
2answers
432 views

Icons/Assets Naming Conventions

I'm looking for best practices on how to name exported assets, especially in User Interface Design (e.g. icons) in order to create a unified naming scheme among all assets. I'd like to stick with ...
1
vote
2answers
46 views

Sizing “symbols” inside icons

Let’s say I want to make guidelines for using a plus symbol inside of icons in an icon set. For example, I have a “New” icon which is a rectangle with a plus inside of it. I also have a “Copy” icon ...
64
votes
10answers
17k views

Is it okay to sacrifice exact country flag designs in favor of aesthetics?

The usage case is a freeware game with skill rankings, wherein each player is associated with their country and has their country's flag next to their name. The most noticeable discrepancy between ...