The icons are divided into three main categories: The directional icons used to convey direction, the utility icons representing services and facilities, and general signs and warnings. This section will demonstrate how the designer can effectively use the icons for wayfinding purposes.
Directional
Arrow A
Arrow B
Arrow C
Arrow D
Utilities
Male
Female
PWD
Restaurant
Stairs
Elevator
Information
Fire Extinguisher
Signs
Emergency Exit
CCTV
Parking
No Parking
No Entry
No Smoking
Application
Arrow A and B
As the name suggests, the Directional icons can be used to accompany text and other pictograms for wayfinding purposes. The directional icons can be rotated or mirrored as the designer sees fit. Arrows A and B are the largest directional icons included in the set. Its thin profile maximizes visibility in large open spaces like long hallways, parking areas, lobbies, outdoor pylons, etc.
Layout
Arrow A and B should only be used with Utility icons, Signs and large text signages. This arrow can be used in a horizontal or stacked layout.
A stacked layout for the icons should only be used if the space is limited. This type of layout is not recommended for signages with text.
For applications using multiple lines of text, please see Arrow C and D.
Construction
In a horizontal layout, the height of the arrow should be the same as the text, or the tallest icon in the layout. The spacing between the arrow and the icons/text (y) should be equal to the width of the male or female icon. The spacing between the icons in a layout (x) should be equal to the thickest lines of the male or female icon.
In a stacked layout, the width of the arrow should be equal to the height of the male or female icon. The vertical spacing between the icons (y) should also be equal to the width of the male or female icon.
Arrow C
Arrow C follows the characteristics of Arrows A and B but with a more condensed profile. This makes it ideal for applications with limited space.
Layout
Arrow C is ideal for layouts with 2 or more lines of small text. For wayfinding applications with 1 line of small text, please see Arrow D.
The lines of text can be as many as the designer sees fit but the height of the arrow should cover 2 lines only.
Construction
In the figure below, the height of the letters is represented by x. The vertical spacing between the lines of text should be equal to x. The height of the arrow should be equal to two lines of text plus the space in between (3x). The space between the arrow and the lines of text should be equal to the width of the male or female icon with the same height.
Arrow D
Arrow D follows the characteristics of Arrows A and B but in a smaller form factor. This arrow is designed to be used in tandem with other icons and for single line small text applications.
Layout
Arrow D may be used to modify an existing icon to make it more effective or specific.
Arrow D should be used to point the direction for a single line of text. It can also be used on multiple lines to point different directions.
Construction
In the figure below, the height of the letters is represented by x. The vertical spacing between the lines of text should be equal to x. The height of the arrow and the space between the arrow and the text should also be equal to x.