sunweb

Icons

material icons

Definition


Icons are visual representations of a brand’s products, services or common actions and are used to provide visual context and enhance usability. This set of icons is simple yet bold enough to grab attention.


icon sizes

The icon sizes are relative to the font size of their context and are defined using multipliers (.5, 1.5...). For instance, if current font-size is 16px and icon size used is 1.5, the computed icon size will be 24px.

default
m-icon--tiny
0.5
m-icon--small
0.75
m-icon--medium
1.5
m-icon--large
1.8
m-icon--huge
2.5
m-icon--giant
3

States
unresolved

icon set
m-icon--1-person
m-icon--2-persons
m-icon--3-persons
m-icon--adult
m-icon--airplane--left
m-icon--airplane-departure
m-icon--airplane-flexible
m-icon--airplane-flying
m-icon--airplane-return
m-icon--airplane
m-icon--android
m-icon--apple
m-icon--attachment
m-icon--baby
m-icon--babyface
m-icon--bed
m-icon--bin
m-icon--bridge
m-icon--bubble
m-icon--buggy
m-icon--building
m-icon--bus-departure
m-icon--bus-return
m-icon--cake
m-icon--calendar-number
m-icon--calendar-simple
m-icon--calendar
m-icon--cancelled
m-icon--car-door
m-icon--car
m-icon--checkmark-circle
m-icon--checkmark
m-icon--chevron-down
m-icon--chevron-left
m-icon--chevron-right
m-icon--chevron-up
m-icon--child
m-icon--circle
m-icon--clock
m-icon--copy
m-icon--creditcard-check
m-icon--creditcard
m-icon--cross
m-icon--deposit
m-icon--destination-group
m-icon--destination
m-icon--discount
m-icon--documents
m-icon--download-document-circle
m-icon--download-document
m-icon--duration
m-icon--earth
m-icon--emergency-phone
m-icon--euro
m-icon--eye
m-icon--facebook-square
m-icon--facebook
m-icon--family
m-icon--file
m-icon--filter
m-icon--fire
m-icon--flag
m-icon--flight-boucher
m-icon--fork-knife
m-icon--funpark
m-icon--gear-wheel
m-icon--gear
m-icon--gondola-lift
m-icon--google-plus-square
m-icon--google-plus
m-icon--group-outline
m-icon--group
m-icon--hamburger
m-icon--hand-luggage-checkmark
m-icon--heart-fill
m-icon--heart-outline
m-icon--hide
m-icon--home
m-icon--hotelbed
m-icon--hourglass
m-icon--image
m-icon--info-composition
m-icon--info-destination
m-icon--information-circle
m-icon--information
m-icon--instagram-square
m-icon--instagram
m-icon--invoice
m-icon--kids
m-icon--laupe
m-icon--lift-cabine
m-icon--lift-glacier-train
m-icon--link
m-icon--lock-badge
m-icon--lock
m-icon--logout
m-icon--mail
m-icon--mandatori-costs
m-icon--map
m-icon--minus
m-icon--money
m-icon--mountain
m-icon--mountains-glacier
m-icon--mountains-height
m-icon--mountains
m-icon--mute
m-icon--newsletter
m-icon--optional-facilities
m-icon--order
m-icon--pause
m-icon--pdf-document
m-icon--pencil
m-icon--phone
m-icon--pin
m-icon--pinterest-square
m-icon--pinterest
m-icon--plane-earth
m-icon--play
m-icon--plus
m-icon--pool
m-icon--popular-vilage
m-icon--quotation
m-icon--receipt
m-icon--refresh
m-icon--search
m-icon--share
m-icon--shield-check
m-icon--ski-lessons-cap
m-icon--ski-material
m-icon--ski-pass
m-icon--skier
m-icon--slippers
m-icon--slope
m-icon--snowboard
m-icon--snowflake
m-icon--snowheight
m-icon--spark
m-icon--sports-leisure
m-icon--spotify
m-icon--star-full-fill
m-icon--star-half-fill
m-icon--suitcase
m-icon--sun
m-icon--t-bar-lift-chair
m-icon--t-bar-liftdrag
m-icon--target
m-icon--thumbs-up
m-icon--ticket
m-icon--tml
m-icon--toast
m-icon--transfer
m-icon--transmission
m-icon--travel-insurance
m-icon--trolley-checkmark
m-icon--trolley
m-icon--trophy
m-icon--twitter-square
m-icon--twitter
m-icon--umbrella
m-icon--volume
m-icon--voucher
m-icon--warning-circle
m-icon--warning-triangle
m-icon--warning
m-icon--wellness
m-icon--whatsapp
m-icon--whatssap-square
m-icon--youtube