Icon

A suite of icons for representing concepts, features and actions.

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

Origin/Size=24

Origin/Size=24

accessibility/Size=24

accessibility/Size=24

account/Size=24

account/Size=24

account--add/Size=24

account--add/Size=24

account--female/Size=24

account--female/Size=24

account--id-card/Size=24

account--id-card/Size=24

account--name/Size=24

account--name/Size=24

account--permit/Size=24

account--permit/Size=24

account-circle/Size=24

account-circle/Size=24

account-circle-notification/Size=24

account-circle-notification/Size=24

add-circle/Size=24

add-circle/Size=24

adult/Size=24

adult/Size=24

ai/Size=24

ai/Size=24

aircon/Size=24

aircon/Size=24

aircraft/Size=24

aircraft/Size=24

airline/Size=24

airline/Size=24

airline--multiple/Size=24

airline--multiple/Size=24

airports/Size=24

airports/Size=24

alert--active/Size=24

alert--active/Size=24

alert--add/Size=24

alert--add/Size=24

alert--expired/Size=24

alert--expired/Size=24

alert--remove/Size=24

alert--remove/Size=24

arrow-down/Size=24

arrow-down/Size=24

arrow-left/Size=24

arrow-left/Size=24

arrow-right/Size=24

arrow-right/Size=24

arrow-up/Size=24

arrow-up/Size=24

award/Size=24

award/Size=24

baby-carriage/Size=24

baby-carriage/Size=24

baggage-cabin/Size=24

baggage-cabin/Size=24

baggage-cabin-add/Size=24

baggage-cabin-add/Size=24

baggage-cabin-not-included/Size=24

baggage-cabin-not-included/Size=24

baggage-checked/Size=24

baggage-checked/Size=24

baggage-checked-add/Size=24

baggage-checked-add/Size=24

baggage-checked-not-included/Size=24

baggage-checked-not-included/Size=24

baggage-generic/Size=24

baggage-generic/Size=24

bar/Size=24

bar/Size=24

beach/Size=24

beach/Size=24

beer/Size=24

beer/Size=24

branch/Size=24

branch/Size=24

breakfast-cross/Size=24

breakfast-cross/Size=24

breakfast-tick/Size=24

breakfast-tick/Size=24

bus/Size=24

bus/Size=24

business/Size=24

business/Size=24

cafe/Size=24

cafe/Size=24

calendar/Size=24

calendar/Size=24

call-back/Size=24

call-back/Size=24

camera/Size=24

camera/Size=24

camper-van/Size=24

camper-van/Size=24

car-door/Size=24

car-door/Size=24

car-wash/Size=24

car-wash/Size=24

cars/Size=24

cars/Size=24

cars-flexible/Size=24

cars-flexible/Size=24

centre-location/Size=24

centre-location/Size=24

chart/Size=24

chart/Size=24

chauffeur/Size=24

chauffeur/Size=24

checkboxes-indeterminate/Size=24

checkboxes-indeterminate/Size=24

checkboxes-normal/Size=24

checkboxes-normal/Size=24

checkboxes-selected/Size=24

checkboxes-selected/Size=24

chevron-down/Size=24

chevron-down/Size=24

chevron-left/Size=24

chevron-left/Size=24

chevron-right/Size=24

chevron-right/Size=24

chevron-up/Size=24

chevron-up/Size=24

child/Size=24

child/Size=24

child-seat/Size=24

child-seat/Size=24

city/Size=24

city/Size=24

city-center/Size=24

city-center/Size=24

clean/Size=24

clean/Size=24

clean-policy/Size=24

clean-policy/Size=24

cleaning-medical/Size=24

cleaning-medical/Size=24

cloakroom/Size=24

cloakroom/Size=24

close/Size=24

close/Size=24

close-circle/Size=24

close-circle/Size=24

collapse/Size=24

collapse/Size=24

content--copy/Size=24

content--copy/Size=24

content--event/Size=24

content--event/Size=24

content--guides/Size=24

content--guides/Size=24

currency/Size=24

currency/Size=24

data/Size=24

data/Size=24

deals/Size=24

deals/Size=24

depart/Size=24

depart/Size=24

device-mid/Size=24

device-mid/Size=24

device-wide/Size=24

device-wide/Size=24

direct/Size=24

direct/Size=24

document-csv/Size=24

document-csv/Size=24

document-pdf/Size=24

document-pdf/Size=24

download/Size=24

download/Size=24

duration/Size=24

duration/Size=24

eco-leaf/Size=24

eco-leaf/Size=24

edit/Size=24

edit/Size=24

education/Size=24

education/Size=24

electric/Size=24

electric/Size=24

end-call/Size=24

end-call/Size=24

estimated/Size=24

estimated/Size=24

exclamation/Size=24

exclamation/Size=24

exclamation-circle/Size=24

exclamation-circle/Size=24

expand/Size=24

expand/Size=24

explore/Size=24

explore/Size=24

face-blank/Size=24

face-blank/Size=24

face-happy/Size=24

face-happy/Size=24

face-id/Size=24

face-id/Size=24

face-mask/Size=24

face-mask/Size=24

face-sad/Size=24

face-sad/Size=24

family/Size=24

family/Size=24

fast-track/Size=24

fast-track/Size=24

fast-train/Size=24

fast-train/Size=24

filter/Size=24

filter/Size=24

fingerprint/Size=24

fingerprint/Size=24

flag/Size=24

flag/Size=24

flame/Size=24

flame/Size=24

flask/Size=24

flask/Size=24

flight/Size=24

flight/Size=24

flight-flexible/Size=24

flight-flexible/Size=24

flight-landing/Size=24

flight-landing/Size=24

flight-takeoff/Size=24

flight-takeoff/Size=24

food/Size=24

food/Size=24

gears-automatic/Size=24

gears-automatic/Size=24

gears-automatic-circle/Size=24

gears-automatic-circle/Size=24

gears-manual/Size=24

gears-manual/Size=24

gears-manual-circle/Size=24

gears-manual-circle/Size=24

globe/Size=24

globe/Size=24

grid-layout/Size=24

grid-layout/Size=24

headset/Size=24

headset/Size=24

health-fitness/Size=24

health-fitness/Size=24

heart/Size=24

heart/Size=24

heart--outline/Size=24

heart--outline/Size=24

heart-notification/Size=24

heart-notification/Size=24

help/Size=24

help/Size=24

help-circle/Size=24

help-circle/Size=24

hide/Size=24

hide/Size=24

hotel-flexible/Size=24

hotel-flexible/Size=24

hotels/Size=24

hotels/Size=24

hotels--disabled-facilities/Size=24

hotels--disabled-facilities/Size=24

hotels--jacuzzi/Size=24

hotels--jacuzzi/Size=24

hotels--pets-allowed/Size=24

hotels--pets-allowed/Size=24

hotels--smoking/Size=24

hotels--smoking/Size=24

hotels-no-smoking/Size=24

hotels-no-smoking/Size=24

infant/Size=24

infant/Size=24

information/Size=24

information/Size=24

information--language/Size=24

information--language/Size=24

information--language-alert/Size=24

information--language-alert/Size=24

information--language-question/Size=24

information--language-question/Size=24

information-circle/Size=24

information-circle/Size=24

insurance/Size=24

insurance/Size=24

key/Size=24

key/Size=24

keypad/Size=24

keypad/Size=24

landmark/Size=24

landmark/Size=24

language/Size=24

language/Size=24

legroom--extra/Size=24

legroom--extra/Size=24

legroom--normal/Size=24

legroom--normal/Size=24

legroom--reduced/Size=24

legroom--reduced/Size=24

leisure/Size=24

leisure/Size=24

lightning/Size=24

lightning/Size=24

list/Size=24

list/Size=24

location/Size=24

location/Size=24

lock/Size=24

lock/Size=24

logout/Size=24

logout/Size=24

long-arrow-down/Size=24

long-arrow-down/Size=24

long-arrow-left/Size=24

long-arrow-left/Size=24

long-arrow-right/Size=24

long-arrow-right/Size=24

long-arrow-up/Size=24

long-arrow-up/Size=24

lounge/Size=24

lounge/Size=24

mail/Size=24

mail/Size=24

map/Size=24

map/Size=24

meal/Size=24

meal/Size=24

media/Size=24

media/Size=24

menu/Size=24

menu/Size=24

menu--horizontal/Size=24

menu--horizontal/Size=24

menu--vertical/Size=24

menu--vertical/Size=24

mileage/Size=24

mileage/Size=24

minus/Size=24

minus/Size=24

mobile/Size=24

mobile/Size=24

money/Size=24

money/Size=24

multiple-bookings/Size=24

multiple-bookings/Size=24

music/Size=24

music/Size=24

mute/Size=24

mute/Size=24

navigation/Size=24

navigation/Size=24

new-window/Size=24

new-window/Size=24

news/Size=24

news/Size=24

night/Size=24

night/Size=24

not-allowed/Size=24

not-allowed/Size=24

onsen/Size=24

onsen/Size=24

paid/Size=24

paid/Size=24

paperclip/Size=24

paperclip/Size=24

parking/Size=24

parking/Size=24

passport/Size=24

passport/Size=24

pause/Size=24

pause/Size=24

payment-card/Size=24

payment-card/Size=24

petrol/Size=24

petrol/Size=24

phone-call/Size=24

phone-call/Size=24

picture/Size=24

picture/Size=24

pin/Size=24

pin/Size=24

plane-seat/Size=24

plane-seat/Size=24

play/Size=24

play/Size=24

plus/Size=24

plus/Size=24

policy/Size=24

policy/Size=24

powerplug/Size=24

powerplug/Size=24

ppe/Size=24

ppe/Size=24

price--tag/Size=24

price--tag/Size=24

price-alerts/Size=24

price-alerts/Size=24

print/Size=24

print/Size=24

radiobutton/Size=24

radiobutton/Size=24

radiobutton-selected/Size=24

radiobutton-selected/Size=24

recent-searches/Size=24

recent-searches/Size=24

redo/Size=24

redo/Size=24

refresh/Size=24

refresh/Size=24

return/Size=24

return/Size=24

room/Size=24

room/Size=24

scales/Size=24

scales/Size=24

search/Size=24

search/Size=24

self-service/Property 1=24

self-service/Property 1=24

send-message/Size=24

send-message/Size=24

services/Size=24

services/Size=24

settings/Size=24

settings/Size=24

share/Size=24

share/Size=24

share--android/Size=24

share--android/Size=24

share--ios/Size=24

share--ios/Size=24

single-booking/Size=24

single-booking/Size=24

social-distancing/Size=24

social-distancing/Size=24

sort/Size=24

sort/Size=24

sort-down/Size=24

sort-down/Size=24

sort-up/Size=24

sort-up/Size=24

speaker/Size=24

speaker/Size=24

spinner/Size=24

spinner/Size=24

star/Size=24

star/Size=24

star-half/Size=24

star-half/Size=24

star-outline/Size=24

star-outline/Size=24

stops/Size=24

stops/Size=24

swap/Size=24

swap/Size=24

swap--horizontal/Size=24

swap--horizontal/Size=24

swap--vertical/Size=24

swap--vertical/Size=24

taxi/Size=24

taxi/Size=24

thumbs-down/Size=24

thumbs-down/Size=24

thumbs-up/Size=24

thumbs-up/Size=24

tick/Size=24

tick/Size=24

tick-circle/Size=24

tick-circle/Size=24

ticket/Size=24

ticket/Size=24

time/Size=24

time/Size=24

toilets/Size=24

toilets/Size=24

train/Size=24

train/Size=24

trash/Size=24

trash/Size=24

trend/Size=24

trend/Size=24

trend--down/Size=24

trend--down/Size=24

trend--steady/Size=24

trend--steady/Size=24

trend--will-rise/Size=24

trend--will-rise/Size=24

trips/Size=24

trips/Size=24

undo/Size=24

undo/Size=24

unlock/Size=24

unlock/Size=24

unmute/Size=24

unmute/Size=24