Icons

When we say we’re obsessed with our travel icons, we don’t mean the Taj Mahal. Or the Pyramids. We mean our save button. Or even our search icon, where all great trips begin.

Skyscanner’s icons are designed to be simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal form, retaining essential and distinctive characteristics.

Sizes

Icons are available at 24px and 16px. The 16px icon is drawn using the same stroke weight, but sometimes with reduced detail to maintain its clarity in the smaller size.

Supernova Icon 16 vs 25

Anatomy

Every icon has a live area, padding, and minimum interior object (where applicable).

Supernova Icon Anatomy

Anatomy

24px Icon

16px Icon

Padding

2px

1px

Live area

20px

14px

Minimum interior object

10px

8px

Tall and wide icons

Most icons fit the live area, however, tall or wide icons might extend into the padding to optically balance their size.

Supernova Icon Tall and Wide

Default stroke and radius

Icons feature a consistent stroke width of 2px to knock out shapes or draw lines. This remains the same in both sizes. The default radius for curves is 3px, which scales down to 2px.

Supernova Icon Stroke and radius camera

Smaller stroke and radius

Not all icons are created equal. A cloakroom hook or suitcase handle requires close attention. 2px radius can be used in 24px icons, and 1px in 16px icons. 1px strokes can be used in 16px icons.

Supernova Icon Smaller Stroke and radius

Anatomy

24px Icon

16px Icon

Default stroke

2px

2px

Default radius

3px

2px

Smaller stroke

1px

1px

Smaller radius

1px

1px

Curves

Some icons have a dramatic curve, which is inspired by the Skyscanner logo. Visualised in the image below, it’s slightly bolder than the curve of the beam in the logo.

Supernova Icon Curve New

Our icons

accessibility

account

user, person, head

account--add

account--female

account--id-card

account--name

account--permit

account-circle

account-circle-notification

add-circle

airline--multiple

alert--active

alert--add

alert--expired

alert--remove

arrow-down

arrow-left

arrow-right

baby-carriage

baggage-cabin

baggage-cabin-add

baggage-cabin-not-included

baggage-checked

baggage-checked-add

baggage-checked-not-included

baggage-generic

breakfast-cross

breakfast-tick

call-back

camper-van

cars-flexible

chauffeur

checkboxes-indeterminate

checkboxes-normal

checkboxes-selected

chevron-down

chevron-left

chevron-right

chevron-up

child-seat

city-center

clean-policy

cleaning-medical

cloakroom

close-circle

content--copy

content--event

content--guides

device-mid

device-wide

document-csv

document-pdf

education

estimated

exclamation

exclamation-circle

face-blank

face-happy

face-mask

fast-track

fast-train

flight-flexible

flight-landing

flight-takeoff

gears-automatic

gears-automatic-circle

gears-manual

gears-manual-circle

grid-layout

health-fitness

heart-notification

heart--outline

help-circle

hotel-flexible

hotels--disabled-facilities

hotels--jacuzzi

hotels--pets-allowed

hotels--smoking

hotels-no-smoking

information

information--language

information--language-alert

information--language-question

information-circle

insurance

legroom--extra

legroom--normal

legroom--reduced

lightning

long-arrow-down

long-arrow-left

long-arrow-right

long-arrow-up

menu--horizontal

menu--vertical

multiple-bookings

native-android--back

native-android--close

native-android--forward

native-ios-close

navigation

new-window

not-allowed

paperclip

payment-card

phone-call

plane-seat

powerplug

price--tag

price-alerts

radiobutton

radiobutton-selected

recent-searches

send-message

single-booking

self-service

share--android

share--ios

social-distancing

sort-down

star-half

star-outline

swap--horizontal

swap--vertical

thumbs-down

thumbs-up

tick-circle

trend--down

trend--steady

trend--will-rise

use-location

weather-clear

weather-cloudy

weather-fog

weather-partly-cloudy

weather-rain

weather-snow

weather-thunderstorm

weather-tornado

weather-wind

window--reduce

world--amer

world--apac

world--emea

No results found for your search.

/fig