Advertisement

Is there a standard size for smiley icons?



Is there a standard size for smiley icons?


Question

I would like to know if there is a standard size I can follow when designing smiley icons.

2014/12/04
1
-1
12/4/2014 2:27:00 PM

Accepted Answer

This question is very broad but I'l try to answer it as best as I can. As already mentioned there are no "standard sizes" for icons and you should edit your question to include what you're targeting. Are you:

Creating an app for Apple?

App icon required for all apps:

  • 180 x 180
  • 120 x 120
  • 152 x 152
  • 76 x 76

App required icon for the App store:

  • 1024 x 1024

Source: IOS Developer Library

Creating an icon to be used by Android?

enter image description here

So, to create an icon for different densities, you should follow the 2:3:4:6:8 scaling ratio between the five primary densities (medium, high, x-high, xx-high, and xxx-high respectively). For example, consider that the size for a launcher icon is specified to be 48x48 dp. This means the baseline (MDPI) asset is 48x48 px, and the high-density(HDPI) asset should be 1.5x the baseline at 72x72 px, and the x-high density (XHDPI) asset should be 2x the baseline at 96x96 px, and so on.

Source: Iconography

Creating an icon for the web?

You could go with some common sizes:

  • 12 x 12
  • 16 x 16
  • 32 x 32
  • 64 x 64
  • 128 x 128
  • 256 x 256

If you are thinking of a favicon.ico:

enter image description here

enter image description here

enter image description here

Source: favicon-cheat-sheet

As stated though there is not a master standard size but I would suggest reading an excellent post called "Finger-Friendly Design: Ideal Mobile Touchscreen Target Sizes" that talks about size and finger functionality:

An MIT Touch Lab study of Human Fingertips to investigate the Mechanics of Tactile Sense found that the average width of the index finger is 1.6 to 2 cm (16 – 20 mm) for most adults. This converts to 45 – 57 pixels, which is wider than what most mobile guidelines suggest.

Additional sources:

If you're looking for other ways to use an icon within a font you could always use something like Iconmoon which are considered icon fonts. If you want to know more about icon fonts we do have other questions. Just looking through the premium section they have some that may help you:

enter image description here

So additional help in regards to icon fonts:

2017/05/23
3
5/23/2017 12:40:00 PM