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