Skip to content

Latest commit

 

History

History
executable file
·
159 lines (153 loc) · 4.25 KB

how-to-represent-affiliated-brands.ui-icons.md

File metadata and controls

executable file
·
159 lines (153 loc) · 4.25 KB
Raw
layout title prevPage nextPage permalink category subcategory order
default
UI Icons
/how_to_represent_affiliated_brands/pictograms/
/how_to_represent_affiliated_brands/maps/
/how_to_represent_affiliated_brands/ui_icons/
how_to_represent_affiliated_brands
resources
4.6

UI Icons

A selection of icons commonly used in WRI designs have been compiled for you to use. If you design new ones, they must follow the same style. Corners can be pointed or rounded, depending on your needs. Icons should be clean but not harsh in shape. Bear in mind that the minimum size is 16px so it is important that the icons have no ornamentation and remain faithful to the original concept.

Do:

  • Have a clear objective
  • Stay well-grounded
  • Keep it timeless
  • Keep it clean
  • Keep it simple and geometric
  • Keep it flat (no perspective)
  • Use the same stroke and size
  • Allow different levels of brand perception
  • Use recognizable patterns or forms

Don’t:

  • Mix two different metaphors in one icon.
  • Add noise to the icon with ornamentals.

Examples

Blog ![image description]({{ site.baseurl }}/images/ico-05.png) Country ![image description]({{ site.baseurl }}/images/ico-06.png) Download ![image description]({{ site.baseurl }}/images/ico-07.png) Forum ![image description]({{ site.baseurl }}/images/ico-08.png) Layers ![image description]({{ site.baseurl }}/images/ico-09.png) Zoom in/out ![image description]({{ site.baseurl }}/images/ico-10.png) Fit Zoom ![image description]({{ site.baseurl }}/images/ico-11.png) Time ![image description]({{ site.baseurl }}/images/ico-12.png) Show/Hide panels ![image description]({{ site.baseurl }}/images/ico-13.png) User ![image description]({{ site.baseurl }}/images/ico-14.png) Graph ![image description]({{ site.baseurl }}/images/ico-15.png) Report ![image description]({{ site.baseurl }}/images/ico-16.png) Settings ![image description]({{ site.baseurl }}/images/ico-17.png) Delete ![image description]({{ site.baseurl }}/images/ico-18.png) Mail ![image description]({{ site.baseurl }}/images/ico-19.png) Legend ![image description]({{ site.baseurl }}/images/ico-20.png) Home ![image description]({{ site.baseurl }}/images/ico-21.png) Alert ![image description]({{ site.baseurl }}/images/ico-22.png)
Download