Icons

We use SVGs for these icons. The pattern for including them is to add a class to the dom element. If you want the icon to be present on a psuedo element you can use the before/after modifier.

.icon--foo
.icon--foo--after
.icon--foo--before

The default colour of the icons is grey. The colour is configurable with the addition of a modifier class icon--[colour]. They are available in 4 standard variations + 2 optional custom colours.

.icon--body-grey
.icon--white
.icon--lp-blue
.icon--custom
.icon--custom-2

If you want to change the colour of the icon on hover, use the icon-colour mixin.

.icon--foo:hover
  +icon-colour(color)
tick
arrow-down
chevron-left
destination
loudspeaker
hand-point--line
comment
paperclip
tram
sight--pin--simple
caution
chevron-right
paper-airplane
insurance--line
drinking--pin--simple
flights--line
cards-accepted
place--pin--line
collar
person
pen--line
thumbs-up--line
subway
flickr
accessibility
transfers
spa
bar--pin
article--pin--simple
journey
expand
article--line
hotel--pin
home
rss
shopping
google-plus
entertainment
instagram
length
arrow-left
wi-fi
camping
image
concierge
destination-flag
dude-confused
towel
bus
car
restaurant--pin--simple
shopping--pin--simple
destination--pin
monorail
lp-reviewed
refresh
tour--pin
no-comment
hand-point
taxi
s-bahn
place
tapered-arrow-down
parking
breakfast
winter-travel
time
bureau-de-change
shopping--line
spell-check
bold
transport--pin
population
activity--pin
link
email
information--pin
thumb--tack
report-flag
flights
accommodation
activity--pin--simple
season-wet
search
bookings
activity
chevron-up
event
tapered-arrow-up
tube
image--line
information--line
pen
grid-list
restaurant--line
flights-left
comment--line
arrow-up
dude
tumblr
shop-basket
italics
youtube
restaurant
children-activities
thumbs-up
information
destination--disk
point--pin
ferry
top-pick
art-culture
video--line
family
contacts
train
shopping--pin
flights-right
trophy
place--pin
print
baby
plane
lp-logo
female
article
block
luggage-storage
collapse
vine
male
top-choice
chevron-down
housekeeping
weather
contact
entertainment--pin--simple
tour
sa
tour--pin--simple
mouse
flights-tail
non-smoking
season-dry
recreation
tapered-arrow-right
season-autumn
dude-map
nd
hotel--pin--simple
cc
bar
tour--line
twitter
restaurant--pin
before-you-go
bicycle
swimming-pool
lightbulb--line
bundle
air-conditioning
season-year-round
by
pets
gym
trash
outdoor-space
book
settings
transport
article--pin
map
grid
event--pin--simple
season-winter
magazine
metro
stumbleupon
guest-services
facebook
quote
sight--line
sign-out
tapered-arrow-left
sight--pin
folder
lightbulb
back-arrow
arrow-right
filter
activity--line
insurance
u-bahn
cross
season-summer
sign-in
season-spring
user
home--line
event--pin
pinterest
add
ipad
hotel
shop-basket--line
passport
video
hotel--line
envelope
play
globe
hamburger
sight
expand-full-screen
entertainment--pin
calendar
tag
magazine--line