Questions about icons; small graphic images or symbols that conveys meaning through visual representation.
10
votes
3answers
525 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
60 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
38 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
34 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
29 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 ...
0
votes
1answer
33 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, ...
0
votes
0answers
31 views
Is it a good design approach to use one icon set throughout one brand i.e. ios app, android app and website? [duplicate]
Android have its own thick lined and filled icons whereas another hand, ios have its sleek, neat and clear icons.
So I was wondering if it's really a great approach to use same icon pack for all the ...
3
votes
1answer
81 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
72 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
53 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
57 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
79 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
62 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
66 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.
...
0
votes
0answers
21 views
Thickness changing on shape union
I'm trying to combine two shapes, both of which are 1px in thickness. However on combining them, the thickness of one increases.
Before union:
After union:
What would be a good way around this? I'm ...
1
vote
1answer
65 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, ...
0
votes
0answers
35 views
Pixel Perfection in Iconography
Is pixel perfection necessary in creating an icon set? When I render some “imperfect” icons on the web, they don’t really look blurry or terrible. Are there cases where it’s more noticeable?
And if ...
4
votes
1answer
156 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
44 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 ...
-1
votes
2answers
478 views
Converting and resizing svg icons to pngs without losing quality
I'm creating an email in Mailchimp and trying to insert icons as images. Mailchimp doesn't support svg files, so I converted them to pngs in illustrator (exported for web). They're still appearing as ...
0
votes
1answer
53 views
What are the Best Sizes for Designing an Icon Set Used for Web
The icons that I've created for a website of mine are starting to become a little disjointed in size and styling. I"m wanting to spend some time creating a standardized icon set. I'm most concerned ...
0
votes
0answers
116 views
Material Icon - System Icon Grid
What is a difference between Live Area and Dense Live Area
Should design icon inside 20px X 20px area or inside 16px X 16px area?
0
votes
1answer
93 views
Icon looks very transparent when uploaded to Chrome Web Store [closed]
I'm currently developing a Chrome Extension and trying to upload my icon to the Chrome Developer Dashboard. However, when I upload my icon, the colored-in part looks very transparent. Here is what it ...
-2
votes
1answer
46 views
How to fill a shape with different elements of varying sizes
I'm looking to replicate this effect without having to putting each icon in by hand manually. Is there a program or script that could help me achieve this?
I tried it with some mosaic apps but it ...
1
vote
2answers
49 views
Icons Making Illustrator Slow
My client gave me a set of 13 icons to use in some print and web materials that I am designing for an event. They are simple one color icons with a sketchy kind of look, and the original file they ...
-4
votes
1answer
143 views
how to convert 'object or icons' to “shape” to change color [closed]
how to convert icon to shape to change instant color in Photoshop
8
votes
4answers
112 views
What is a suitable icon for nonspecific spirituality?
Christianity can be represented with the crucifix icon, Judaism with a Start of David, Bhuddism with a Dharma wheel, etc, etc.
What icon would be suitable to represent spirituality in general, not ...
0
votes
1answer
192 views
Copy-to-clipboard icon for code blocks
My problem
I am building a tutorial site with code blocks that the user should copy and paste into their console. I would like to add a copy button to the code snippets that would intuitively make ...
1
vote
2answers
271 views
Export in multi sizes with illustrator create several icons
I designed a set of icons for a website in Illustrator CC.
What would be the difference between using Illustrator CC's tool to export my icons in different sizes (@1x; @2x, @4x) vs. drawing the ...
-7
votes
1answer
67 views
What software is used to create these sort of icons?
I've seen these icons in several sites which have a sample of some business diagrams.
It seems that they're all using the same software to create those diagrams, I wonder what the software is?
0
votes
1answer
251 views
How to combine vector paths in Sketch? [duplicate]
I am trying to combine/flatten a series on paths in Sketch. When I use Layer > Combine I get very unexpected results. I am assuming there is a fairly simple solution that I am missing here, can ...
0
votes
1answer
876 views
Inkscape : Exporting SVG to different icon sizes
What if we start working an icon with 32x32 template and need more icon sizes from the base art. Like, I made a camera icon using 32x32 template and is in need of 48x48, 64x64 etc variants in SVG ...
1
vote
1answer
229 views
Convert custom icon font to copy and paste-able entities
Font Awesome has a cheatsheet where they've converted their icons into html entities that you can copy and paste right into Sketch (and other editing programs), that changes the type element to the ...
1
vote
3answers
3k views
Illustrator: how to make a transparent favicon of non-square logo
I have a logo that isn't square. I want to make it a favicon that has a transparent background, but doing so requires making it a 16px X 16px, which changes the logo, squishing it. Is there a way to ...
1
vote
3answers
536 views
How to export tiny icons in Illustrator to PNG? [duplicate]
I know this question has been asked many times but I still can't find a solution.
I'm redesigning icons that are going to be used on a web application. The former icons were placed on a PNG sprites ...
1
vote
3answers
560 views
Compound Path - Making shapes white
I am a newbie with Illustrator and could really use some help.
I am trying to convert some icons to SVG and part of this process is making a compound path. Quite often this works just fine but ...
1
vote
1answer
368 views
How to import SVG icons to Sketch so that they don't open each in different sketch files but all in one
Recently I got a problem, when I am importing Svg icons from one folder, they are automatically opened in separate sketch files, so I have 100 opened sketch files in total. Can someone help with it? ...
1
vote
1answer
36 views
Search icon direction
why are search icons facing northwest instead of northeast?
A northwest facing search icon like facebook's feels awkward.
And so is google chrome's search icon.. so.. why?
1
vote
3answers
85 views
Saving assests for Web?
Is it best practise to make icon for example in Ai and then export to png resolution 72 for use on web?
Many thanks,
Alexi
0
votes
2answers
1k views
windows 10 icons set
Didn't expected to get stuck with it, however it is seems to be a problem.
Is there any publicly available standard icons set for windows 10 applications design? (Something like here for material ...
2
votes
2answers
167 views
Actual size, fit screen, fill screen icon ideas
Not finding Windows Photo Viewer sufficient enough, I'm coding my own image viewer.
I'll be adding buttons which will perform the following functions:
actual size (no zoom)
fit screen (fit the ...
0
votes
0answers
764 views
How do I draw squircle in illustrator? [duplicate]
Squircle is a shape between square and circle. It's not a round square. For example, iOS icons are squicles.
Wikipedia link.
A squircle (blue) compared with a rounded square (red).
0
votes
1answer
262 views
How to export SVG in illustrator, and make object doesn't messy? [duplicate]
I've been struggling to create an icon in illustrator and convert it to SVG but the result is my SVG file becomes a messy object after I export it into SVG.
Can someone explain me why? I'm already ...
1
vote
2answers
172 views
What is a suitable visual indicator for an anchor in UI?
Anchors are links on websites that when clicked will take the user to another part of a screen. We know that buttons and link indicators take users to other pages or makes certain actions happen. But ...
0
votes
0answers
18 views
Sketch: Trouble with subtraction
I'm trying to essentially make this shape in a flat SVG.
Of course when I use the 'Outline" command to convert the outlines to shapes, I no longer have a fill and can see through the hole in one ...
0
votes
1answer
54 views
What would be suitable “Done”, “Now”, Next" icons?
For a report I am designing, I want to include "Done", "Now", "Next" icons to show tasks completed, tasks being worked on and tasks next on list.
Is there any convention for this, or does anyone have ...
1
vote
2answers
114 views
How to make sheep icon
I am working on designing animal icons and was curious the best way to create a sheep icon. I am looking for the most efficient way to make the circles on the fur.
0
votes
1answer
354 views
How to create a material design style depth score in Photoshop?
According to Material Design guidelines for Icons
Score
Scored material elements have the illusion of depth without losing
their geometric form. Scores should be centered on symmetrical ...
