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

React implementation

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.

Download the icon font

Outside our codebase

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

Find the icon you want in the list below and download the SVG or copy its source.
Download the entire icon set as a ZIP file.
Download a PNG file for any icon through the Orbit icon CDN.

List of icons

accommodation

283

account-circle

282

admin

228

280

air-conditioning

279

airplane-down

258

airplane-landing

276

airplane-return

275

airplane-takeoff

274

airplane-up-off

272

airplane-up

254

airplane

278

airport-security

271

alert-circle

273

alert-octagon

242

alert

270

all

271

android

anywhere

265

app-notification

241

apple

arrow-down

arrow-up

atm

260

attachment

250

baggage-cabin-none

257

baggage-cabin

258

baggage-checked-10

248

baggage-checked-20

247

baggage-checked-30

246

baggage-checked-none

245

baggage-personal-none

251

baggage-personal

252

baggage-recheck

247

baggage-set

249

baggage-storage

245

billing-details

247

boarding-gate

246

boat

245

bookmark

229

bug

243

bus

242

cake

241

calendar-anytime

239

calendar-range

238

calendar-trip-length

229

calendar

240

camera

236

car-door

226

car-rental

233

car

235

care-kiwi.com

224

chart

231

chat

222

check-circle

228

check

217

chevron-double-left

227

chevron-double-right

226

chevron-down

chevron-left

chevron-right

chevron-up

child-friendly

220

child

221

circle-empty

218

circle-filled

217

circle-small

216

circle

219

city

207

clock

214

close-circle

212

211

cocktail

211

code.kiwi

code

210

coffee

208

color-picker

193

colored-facebook

colored-imessage

colored-messenger

colored-signal

colored-telegram

colored-twitter

colored-viber

colored-whatsapp

compare

206

compass

205

contact-email

196

credit-card

195

customer-support

195

dashboard

227

deals-v2

191

deals

200

device-desktop

198

device-mobile

197

diamond

188

document

195

download

194

duplicate

193

edit-off

191

edit

192

190

entertainment

189

exchange

188

facebook

187

family-all

170

family-half

169

feedback

176

filters

183

flash

182

flight-direct

181

flight-multicity

180

flight-nomad

179

flight-return

178

flight-services

177

fuel

168

full-screen-off

174

full-screen

175

gallery

173

gender-man

172

gender-woman

171

github

170

google

gps-fixed

169

gps-ios

181

gps-not-fixed

167

gps-off

166

grid

165

gym

163

history

162

inbox

161

infant

160

information-circle

150

instagram

149

insurance-confirmed

156

insurance-off

155

insurance

174

invoice

145

item-completed

153

kiwicom-care

224

kiwicom-guarantee

164

kiwicom-no-guarantee

114

kiwicom

143

leisure

142

link

150

149

list

148

location-a

137

location-add

145

location-b

135

location-c

134

location-d

133

location-e

132

location-f

140

location-g

139

location-h

138

location-i

137

location-j

136

location

147

lock-open

125

lock

126

logout

133

lounge

132

map

122

markdown

130

meal

129

messages-outline

124

messages

125

minus-circle

122

minus

143

money-transfer-in

111

money-transfer-out

110

money

112

moon

159

musical-instruments

117

new-window

116

no-flash

115

no-refund

134

no-rescheduling

198

nonstop

111

notification-add

107

notification-off

109

notification-on

108

notification

110

notificiation-add

141

online-checkin-off

online-checkin

106

outlook

104

paid

103

parking

102

partners

101

passenger-add

passenger-outline

passenger-remove

passenger

100

passengers

passport

pet

pharmacy

phone

129

placeholder

274

playground

plus-circle

plus-minus

275

plus

123

pool

power-plug-off

power-plug

priority-boarding

128

profit

qr-code

102

question-circle

radar

101

radius-search

refund

relax

reload

remove

replace

restaurant

route-no-stops

route-one-stop

route-two-stops

seat-aisle

seat-extra-legroom

seat-window

seat

security

self-transfer

send

118

settings

shopping

show-less

show-more

sightseeing

sign

115

smoking-off

smoking

sms

114

sort

spa

sport-equipment

sports

stackoverflow

star-empty

star-full

subway

suitcase

sun

sunrise

taxi

terminal

terms-and-conditions

thumb-down

thumb-up

ticket-outline

ticket

timelapse

timer

tips

toilets

train

transmission

108

trip

twitter

uber

upload

user-group

visa

visibility-off

visibility

walk

wallet

wheelchair

wifi-off

wifi

youtube