Icons

Use icons to draw an attention to specific actions.

GeneralCDN

Guidelines

For guidelines on how to use the icons, see the icon component.

Icon colors

You can usually have icons inherit their color from the surrounding text. If you need a standalone icon, select from a status color or one of our icon colors:

Icon Primary
#252A31
rgba(37, 42, 49, 1)
colorIconPrimary
Icon Secondary
#4F5E71
rgba(79, 94, 113, 1)
colorIconSecondary
Icon Tertiary
#BAC7D5
rgba(186, 199, 213, 1)
colorIconTertiary

Using icons

In Figma

All of our icons are included in our [Orbit] Icons” Figma library (internal users only).

In React

In mobile apps

We have an icon font ready for use in mobile apps. Copy the code of the icon you need and apply where necessary.

Outside our codebase

If you need to use our icons outside of our React environment or mobile apps, you have 3 options.

List of icons

accommodation

4389

account-circle

7884

admin

1251

ai

3493

air-conditioning

3120

airplane-down

5587

airplane-landing

3208

airplane-return

5270

airplane-takeoff

6458

airplane-up-off

7086

airplane-up

5323

airplane

2620

airport-security

4505

alert-circle

6774

alert-octagon

7716

alert

1366

all

3456

android

5941

anywhere

4517

app-notification

6839

apple

7217

arrow-down

7613

arrow-up

2436

atm

2564

attachment

3491

baggage-cabin-none

2261

baggage-cabin

6767

baggage-checked-10

4378

baggage-checked-20

7799

baggage-checked-30

5619

baggage-checked-none

7228

baggage-personal-none

3665

baggage-personal

2567

baggage-recheck

6137

baggage-set

2615

baggage-storage

6846

billing-details

7410

boarding-gate

3753

boat

7136

bookmark

7882

bug

1524

bus

1349

cake

1352

calendar-anytime

6361

calendar-range

2629

calendar-trip-length

6457

calendar

3492

camera

6780

car-door

2538

car-rental

7708

car

7870

chart

2461

chat

5538

check-circle

3088

check

7679

chevron-double-left

3849

chevron-double-right

6819

chevron-down

2454

chevron-left

7467

chevron-right

2505

chevron-up

7267

child-friendly

2054

child

4353

circle-empty

5105

circle-filled

7771

circle-small-empty

4807

circle-small

1236

circle

3649

city

4376

clock

4469

close-circle

6824

close

6292

cocktail

5605

code.kiwi

4288

code

2157

coffee

2012

color-picker

7743

colored-facebook

8217

colored-imessage

5611

colored-messenger

6309

colored-signal

5871

colored-telegram

6530

colored-twitter

5150

colored-viber

6742

colored-whatsapp

6477

compare

7994

compass

3496

contact-email

3270

copy

6653

credit-card

2078

customer-support

2517

dashboard

6778

deals-v2

7369

deals

6765

device-desktop

4347

device-mobile

2738

diamond

7976

document

5574

download

3397

duplicate

2541

edit-off

3284

edit

1955

email

2584

entertainment

3470

exchange

6511

facebook

7439

family-all

6827

family-half

6514

feedback

7645

filters

4295

flash

7677

flight-direct

7388

flight-multicity

7555

flight-nomad

7576

flight-return

6831

flight-services

8005

fuel

3660

full-screen-off

1253

full-screen

7552

gender-man

4414

gender-woman

1515

github

7470

google-play

1760

google

5463

gps-fixed

4387

gps-ios

2120

gps-not-fixed

3444

gps-off

7518

grid

4487

gym

1373

history

7152

inbox

1658

infant

1284

information-circle

1512

instagram

5971

insurance-confirmed

7867

insurance-off

3827

insurance

5298

invoice

7621

item-completed

1610

kiwicom-care

7561

kiwicom-guarantee

2694

kiwicom-no-guarantee

7890

kiwicom

1252

leisure

5037

linkedin

1944

list

7354

location-a

2761

location-add

3201

location-b

2693

location-c

7862

location-d

5061

location-e

2677

location-f

2691

location-g

7150

location-h

5151

location-i

6611

location-j

1894

location

4090

lock-open

5935

lock

1313

logout

7110

lounge

2118

map

7983

markdown

5908

meal

2640

messages-outline

6790

messages

2718

minus-circle

2194

minus

1972

money-transfer-in

1341

money-transfer-out

6849

money

5608

moon

6138

musical-instruments

2094

new-window

1780

no-flash

1933

no-refund

2125

no-rescheduling

7378

nonstop

2712

notification-add

6443

notification-off

2032

notification-on

1867

notification

2051

online-checkin-off

1921

online-checkin

5220

outlook

5299

parking

7063

partners

2168

passenger-add

5107

passenger-outline

2179

passenger-remove

6115

passenger

2188

passengers

7844

passport

1232

pet

7174

pharmacy

2171

phone

1321

placeholder

7587

playground

6810

plus-circle

5551

plus-minus

7074

plus

2147

pool

2148

power-plug-off

1339

power-plug

1618

priority-boarding

1126

profit

1061

promo-code

1606

qr-code

2165

question-circle

1362

radar

7558

refund

5833

relax

7052

reload

2076

remove

5291

replace

7352

restaurant

1342

route-no-stops

6105

route-one-stop

5585

route-two-stops

2050

seat-aisle

6368

seat-extra-legroom

2119

seat-window

6797

seat

7774

security

6380

self-transfer

1573

send

7441

settings

2189

share-android

1059

share-ios

1082

share

2134

shopping

1045

show-less

7699

show-more

6396

sightseeing

1316

sign

6555

smoking-off

5062

smoking

5209

sms

1634

sort

5208

spa

1054

sport-equipment

5537

sports

6384

stackoverflow

5568

star-empty

1360

star-full

5196

subway

5191

suitcase

2162

sun

6487

sunrise

5205

taxi

2253

terminal

1444

terms-and-conditions

5167

thumb-down

2369

thumb-up

1006

ticket-outline

6106

ticket

2699

timelapse

4820

timer

6822

tips

6768

toilets

5952

train

6564

transmission

5891

trip

5730

twitter

6524

uber

6152

upload

6192

user-group

5875

visa

6858

visibility-off

7017

visibility

6740

walk

6026

wallet

5159

wheelchair

6489

wifi-off

6837

wifi

5275

youtube

6665