73
votes
Accepted
How to convert a square SVG to all-size ICO?
A command line solution:
Export your SVG master.svg to PNG with Inkscape:
# Install on Ubuntu
sudo apt-get install inkscape
# Other systems: make sure Inkscape is in your PATH
inkscape -w 16 -h 16 -...
66
votes
Is it okay to sacrifice exact country flag designs in favor of aesthetics?
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 ...
64
votes
Accepted
Is it okay to sacrifice exact country flag designs in favor of aesthetics?
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 ...
46
votes
How to convert a square SVG to all-size ICO?
You can use ImageMagick right away:
convert -density 384 icon.svg -define icon:auto-resize icon.ico
[Edit]
Since ImageMagick version 7, you need to add magick in front of the command (see doc on CLI),...
34
votes
Accepted
Why use a white circle/spot in eye icons/logos?
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 ...
32
votes
Accepted
How to draw a hierarchy button set and look less offensive than it is?
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 ...
23
votes
What is the standard way for conveying vegan and vegetarian as separate icons?
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 ...
21
votes
How do you animate SVG for the web?
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 most regarded animator of SVGs on the web, ...
20
votes
Are there any free emoji fonts?
Google's TrueType fonts
Noto Emoji (284.4 KB)
and
Noto Color Emoji (6.5 MB)
are very good.
19
votes
Accepted
What is the standard way for conveying vegan and vegetarian as separate icons?
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" ...
19
votes
How can I make this logo look more obviously like an icing bag and a crown?
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 ...
18
votes
Accepted
What is the best Icon to use for an item's state of: "I need to borrow" and "I already have it"?
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 ...
15
votes
Accepted
Make text look like it's part of icon
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 ...
14
votes
Accepted
Need icon ideas to indicate "crane not working "
In cases like this it's worth brainstorming a bit first. After and during it might be a good idea to see what others have done with tools like the noun project (and search for broken and crane for ...
14
votes
Is it okay to sacrifice exact country flag designs in favor of aesthetics?
I would be careful. It's one thing for a government to use a simplified version of their flag as an icon; it's another for you to simplify it for your needs.
I think there are some specific pitfalls:...
13
votes
How to avoid making icons and logos too minimal?
I've designed minimalist icon sets and there are three factors which, together, make for a pretty clear indication of where the line should be. In order of importance:
Usability (which, ultimately, ...
12
votes
Are there any free emoji fonts?
I know this question is a bit old but no one mentioned Emoji One
It's CC-BY 4.0.
As of version 3 they are no longer CC BY 4.0...
You can still download the last version 2.2.7 commit here but it's ...
12
votes
Accepted
Does optical correction give a more aesthetic look to the SBI logo?
In typography, this is called an overshoot. And has been a very long-standing practice.
In typeface design, the overshoot of a round or pointed letter (like O or A) is the degree to which it ...
12
votes
Does optical correction give a more aesthetic look to the SBI logo?
At first glance, this may look like a typographical overshoot, i.e., round bases and tops of letters extending a bit further up- or downwards than flat ones – which accounts for an optical illusion. ...
12
votes
Accepted
How to convert flat icon to simple 3d icon?
Use Illustrator's 3D Extrude and Bevel effect. Give the shape a thick coloured stroke and no fill, then apply Effects > 3D > Extrude and Bevel, and use similar settings as shown below. Tweak as ...
11
votes
Export iOS Icon Sizes in Affinity Designer
Since the requirements change from time to time, it's always a good idea to refer to Apple's guidelines. There's an Affinity Designer template on my website that I've develop that exports the 18 sizes ...
11
votes
Accepted
How to document a double click?
This is the exact way that Luke Wroblewski indicated single tap and double tap with his gesture icons:
These have become de-facto standards in UX wireframes, but can't say if they'd be intuitive to ...
11
votes
Is it okay to sacrifice exact country flag designs in favor of aesthetics?
At least be careful with the number of stars in the Chinese flag. It has been miscounted for many times so the people might be sensitive with it.
http://www.chinatopix.com/articles/98951/20160822/...
11
votes
Is it okay to sacrifice exact country flag designs in favor of aesthetics?
There are many pitfalls regarding the redesign/depictions of flags. But I think the worst that could probably happen is that you offend someone unknowingly.
Is anyone going to be sent to jail, or ...
11
votes
Accepted
How to indicate dark mode / light mode options on a user interface?
You could simply be straight forward with it....
10
votes
Accepted
Changing icons or graphics based on user geographic location/language?
Is is possible? Yes.
Technology-wise, you would do the same thing you'd do for language localisation (see this related SE question for the specificities).
Localization refers to the adaptation of ...
10
votes
How to convert a square SVG to all-size ICO?
Bash version...
#!/bin/bash
set -ex
svg=$1
size=(16 32 24 48 72 96 144 152 192 196)
out="$(mkdir -d)"
echo Making bitmaps from your svg...
for i in ${size[@]}; do
inkscape $svg --...
10
votes
Is it okay to sacrifice exact country flag designs in favor of aesthetics?
The point is obviously if the redesign offends the country. I cannot speak for other countries, but at least in my home country, which is Austria, there is the so-called "Wappengesetz" (law of coat of ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
icon × 663adobe-illustrator × 118
adobe-photoshop × 93
interface-design × 67
vector × 54
svg × 53
website-design × 51
logo × 43
symbolism × 38
sketch-app × 34
symbols × 23
android × 22
export × 21
inkscape × 20
ios × 19
fonts × 18
resource-recommendations × 18
png × 17
user-experience × 16
color × 15
critique × 14
shapes × 13
design-principles × 13
mobile × 13
gimp × 12