Skip to content
Visual Elements

icon picker
Icons

Overview

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

Seda - Icons_Seda-Icon-Directional-A.png
Arrow A
Seda - Icons_Seda-Icon-Directional-B.png
Arrow B
Seda - Icons_Seda-Icon-Directional-C.png
Arrow C
Seda - Icons_Seda-Icon-Directional-D.png
Arrow D

Utilities

Seda - Icons_Seda-Icon-Male.png
Male
Seda - Icons_Seda-Icon-Female.png
Female
Seda - Icons_Seda-Icon-PWD.png
PWD
Seda - Icons_Seda-Icon-Restaurant.png
Restaurant
Seda - Icons_Seda-Icon-Stairs.png
Stairs
Seda - Icons_Seda-Icon-Lift.png
Elevator
Seda - Icons_Seda-Icon-Info.png
Information
Seda - Icons_Seda-Icon-FExtinguisher.png
Fire Extinguisher

Signs

Seda - Icons_Seda-Icon-EExit.png
Emergency Exit
Seda - Icons_Seda-Icon-CCTV.png
CCTV
Seda - Icons_Seda-Icon-Parking.png
Parking
Seda - Icons_Seda-Icon-NParking.png
No Parking
Seda - Icons_Seda-Icon-NEntry.png
No Entry
Seda - Icons_Seda-Icon-NSmoking.png
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.
SPA-03.png

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.

SPA-05.png
SPA-06.png

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.
SPA-07.png

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.

SPA-08.png

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.
SPA-09.png
The lines of text can be as many as the designer sees fit but the height of the arrow should cover 2 lines only.
SPA-10.png

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.
SPA-11.png

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.
SPA-12.png

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.
SPA-13.png

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.
SPA-14.png

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.