Hot answers tagged

64

Disclaimer: I am not a lawyer. That said, I don't believe a country would sue a designer for using a simplified version of the flag or that they have a say on what you should use to represent it in your game; you're not producing an official or legal document. For example: the official website of the United States government themselves use a simplified ...


62

Yes, style the flags as you see fit. I see the USA flag translated successfully with 2 stripes and 1 star. You see this done everywhere and yes it's legal, except perhaps for some new countries flags that are copyrighted. Quora says: "Nearly all flags are old enough that they can't enjoy copyright protection anyway. But for newer flags, usually the country ...


59

My thinking is instead of the save icon alone, why not treat all the tool icons as a set. Consistent =) I wrote more on this here.


50

An answer: The bag should output something - the text or something else in a cake. Let the business name be the biggest element.


42

I think this is a physical design / interaction design problem, not a graphic design problem. If a door has a handle on it, I think a lot of people are naturally going to try and pull on the handle. Therefore, push side should not have a handle, and the pull side should have one. Push side could have a palm print graphic if necessary to show where to push....


36

This is actually really easy. Take a selected copied or placed (unlinked) raster image, then: Object > Create Object Mosaic Or, in older versions of Illustrator, it was Filter > Create > Mosaic Input the exact width and height of the pixel image under "Number of tiles". That's it! Your vector pixel squares will be wrapped in two groups, so ...


34

The circle (or otherwise white mark) is a meant to be a reflection. The reflection makes it more realistic and understandable as an icon. As seen in a google image search, our eyes are pretty reflective and we often perceive this even if we don't consciously think about it. As Andrew H notes, this reflection is called a catch light. Below is one for example:...


32

Your arrow concept and what you plan to use it for seem appropriate. And from what I can see, I guess you don't have much room for icons anyway. Maybe what could help you is simply to use thicker and curved arrows to hide that effect you don't like. Below is a quick example: You might need to adjust the arrows to your preference and clarity when at small ...


29

The full path is C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Required\Plug-Ins\File Formats. Unless it's in File Formats, it won't show up in the export options.


28

Purely off the top of my head....... Simple door icons? Or perhaps doors with arrows?


28

Ensure your document is 8-bit RGB. (Image > Mode) If that doesn't help, hold down the Option/alt key and choose File > Save as... this will save a copy and remove any non-png allowed formatting. Chances are there's simply something about the image which is not allowed in the PNG format. However, using File > Save for Web should allow PNG saving in ...


26

Building on David Moore's palm print idea... The best graphics don't require much parsing at all. Icons representing the way the door swings require a translation into the action needed to achieve that effect. So let's show 'em exactly what we want them to do. Push: An open hand. Life-size, probably a bit bigger, placed on the door in the location you ...


26

Here are a couple of great resources that explain the origin of the hamburger menu: Who Designed the Hamburger Icon? & A Brief History of the Hamburger Icon . As the articles state, the original designer is a man named Norm Cox who designed it for the Xerox "Star" personal workstation.


24

You save a document when you are satisfied with its current state. So the icon can represent that: It's a similar idea to OK buttons in dialog boxes (which sometimes include a checkmark icon).


24

You can use ImageMagick right away: convert -density 384 icon.svg -define icon:auto-resize icon.ico


24

These terms are too closely related to be differentiated by just using an acronym without any context. Without getting into too much detail, Vegetarian diet includes dairy, and Vegan is exclusively plant based. With a quick trip to Google you will find plenty of examples of how to represent these items in a graphic form. So vegetarian could have both a ...


22

The WiFi part was immediately obvious to me. I think what's hurting the recognizability of the CD is the gradient. If you've looked at other CD renderings, the gradient is angular, not radial. via: http://www.psdgraphics.com/psd-icons/psd-compact-disc-cd-icon/ Here's what it might look like with an angle gradient (though I think a couple more color stops ...


20

It seems that the tendency is to store anything in the cloud and we may use local storage just for temporally editions. If that is the case, then using the "Cloud Up" to "Save", may be the alternative.


19

I also find the crossed-arrows icon to be awkward. While working on a music app, I needed an icon for a "play random song" action. I considered the crossed arrows but didn't use it because: I just don't find it intuitive - it doesn't express a "random" action to me, and If anything, I associate this kind of icon with a random mode, rather than a random ...


19

Just to address the icon part of this, building on existing answers and adding a few things. I think the devil is in the details here. Quick blown-up sketch (n.b. the ratio of tip/bag is currently not ideal to represent a piping bag but not too bad for a logo which would have to be legible at small sizes): You want to keep the small details that make the ...


18

Most airports I've seen that have a multi-faith room use, if not just text, some human figure in what you could call a prayer position:


18

Android icons (and other UI elements, like drag lengths) are measured in dp. A dp is a device/density-independent pixel. 1 dp is equivalent to 1 px on a 160 dpi screen. But to convert to other screen densities, you need to multiply it by a density factor. So it's generally recommended that multiple images are supplied for most icons. For example, the ...


18

A lot of this answer is also posted in this related question on how to animate illustrations for the web. Avoid SMIL animations Sara Soueidan, probably the best animator of SVGs on the web, wrote "I know I wrote the guide to SMIL animations but, seeing their future, I don’t personally use them anymore." You shouldn't either. SMIL animations don't work in ...


18

Icons are made to not include text within it for many reasons. First, Icons could be smaller and any text in it could be hard to read Second, Icons are made to relate and connect a certain function with well know visual representation to man mind, without thinking or even reading. Third, what would you do when somebody in other country wants to localize ...


18

The standard for vegetarian is generally just a "V", usually in a green circle or something similar, and that'll be pretty much universally understood. The Vegan Society has "the Vegan Trademark" which has been around a long time and since it explicitly says "Vegan" there's no ambiguity as there is with "Vg" vs "Vt". I have seen "Vg" and "Vt" used in the ...


17

The answer applies both to vector and to rasterized icons. If quality matters, you can't. Large icons contain more details. Those details, which are nice on a 128×128 icon, would be disturbing on a 32×32 icon; instead of helping visually identify the icon, they will do the opposite. For example, a large icon of a keyboard may contain every key of the ...


17

Not much different from KMSTR's answer, but I'll say it anyways. Select the same original circle. Then from the top menu: Object > Path > Offset path. ( In this case you only need to worry about the "offset" box, and you might want to enable preview as well. ) Select the offset path and swap the fill color with the outline color. If you want to make ...


17

If you want the icons to stay as uniform as possible, I'd suggest sticking with the same shape language throughout. The idea here is that using the same shape unifies this icon set and makes it immediately understandable.


15

A command line solution: 1) Export your SVG to PNG with InkScape 2) Resize this PNG image to the sizes you want with ImageMagick: magick convert master.png -resize 16x16 16.png magick convert master.png -resize 32x32 32.png magick convert master.png -resize 48x48 48.png 3) Convert the PNG images to ICO: magick convert 16.png 32.png 48.png icon.ico 4) ...


14

This is what I came up with after reading some answers here... This is an SD card, work, and arrows all combined.


Only top voted, non community-wiki answers of a minimum length are eligible