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-circle
m-icon--1-person-travelling
m-icon--1-person
m-icon--2-persons
m-icon--airplane-departure
m-icon--airplane-flexible
m-icon--airplane-left
m-icon--airplane-return
m-icon--airplane-right
m-icon--airplane-top-left
m-icon--airplane-top-right
m-icon--airplane
m-icon--android
m-icon--apple
m-icon--apps
m-icon--arrow-down-small
m-icon--arrow-down
m-icon--arrow-left-small
m-icon--arrow-left
m-icon--arrow-right-small
m-icon--arrow-right
m-icon--arrow-up-small
m-icon--arrow-up
m-icon--attachment
m-icon--baby
m-icon--backpack-checkmark
m-icon--backpack
m-icon--beach
m-icon--bed
m-icon--bin
m-icon--bow
m-icon--bubble
m-icon--building
m-icon--bus-front
m-icon--bus-left
m-icon--bus-right
m-icon--cake
m-icon--calendar-check
m-icon--calendar
m-icon--cancelled
m-icon--car-door
m-icon--car-front
m-icon--car
m-icon--certificate
m-icon--checkbox-check
m-icon--checkbox
m-icon--checklist-info
m-icon--checklist
m-icon--checkmark-circle
m-icon--checkmark-small
m-icon--checkmark
m-icon--chevron-down-small
m-icon--chevron-down
m-icon--chevron-left-small
m-icon--chevron-left
m-icon--chevron-right-small
m-icon--chevron-right
m-icon--chevron-up-small
m-icon--chevron-up
m-icon--child
m-icon--clock
m-icon--cloud
m-icon--cocktail
m-icon--cogwheel
m-icon--copy
m-icon--creditcard-check
m-icon--creditcard
m-icon--cross-country-skiing
m-icon--cross-small
m-icon--cross-square
m-icon--cross
m-icon--culinary
m-icon--cutlery
m-icon--delete-account
m-icon--deposit
m-icon--download-circle
m-icon--download-file
m-icon--duration
m-icon--earth
m-icon--eliza
m-icon--emergency-phone
m-icon--euro
m-icon--eye-off
m-icon--eye
m-icon--face-sad
m-icon--facebook
m-icon--family
m-icon--file
m-icon--files
m-icon--filter-square
m-icon--filter
m-icon--fire
m-icon--flag
m-icon--flamingo
m-icon--funpark
m-icon--gift
m-icon--gogo
m-icon--golf-cart
m-icon--golf-club
m-icon--group
m-icon--headset
m-icon--health-and-safety
m-icon--health
m-icon--heart-fill
m-icon--heart
m-icon--home
m-icon--honeymoon
m-icon--hourglass
m-icon--image
m-icon--info-composition
m-icon--information-circle-fill
m-icon--information-circle
m-icon--instagram
m-icon--invoice
m-icon--kids
m-icon--language
m-icon--lesson
m-icon--lift-cabin-big
m-icon--lift-cabin-small
m-icon--lift-chair-front
m-icon--lift-chair-side
m-icon--lift-drag
m-icon--link
m-icon--list
m-icon--lock-badge
m-icon--lock
m-icon--logout
m-icon--luggage-check
m-icon--luggage
m-icon--magazine
m-icon--mail
m-icon--mandatory-costs
m-icon--map
m-icon--medal
m-icon--menu-hamburger-square
m-icon--menu-hamburger
m-icon--menu-kebab
m-icon--menu-meatballs
m-icon--minus-small
m-icon--minus-square
m-icon--minus
m-icon--mobile-phone
m-icon--money
m-icon--mountains-down
m-icon--mountains-glacier
m-icon--mountains-slope
m-icon--mountains-up
m-icon--mountains
m-icon--mute
m-icon--optional-facilities
m-icon--order
m-icon--parking
m-icon--pause
m-icon--pdf-file
m-icon--pearl
m-icon--pencil
m-icon--phone
m-icon--pin-group
m-icon--pin-info
m-icon--pin-map
m-icon--pin
m-icon--pinterest
m-icon--plane-earth
m-icon--play
m-icon--plus-small
m-icon--plus-square
m-icon--plus
m-icon--popular-village
m-icon--primavera
m-icon--question-circle
m-icon--question-square
m-icon--quotation
m-icon--radio-button-check
m-icon--radio-button
m-icon--receipt
m-icon--refresh
m-icon--school
m-icon--search
m-icon--share-ios
m-icon--share
m-icon--shield-check
m-icon--ski-boots
m-icon--ski-helmet
m-icon--ski-material
m-icon--ski-pass
m-icon--skier
m-icon--slippers
m-icon--snowboard-material
m-icon--snowboarder
m-icon--snowflake
m-icon--snowheight
m-icon--spade
m-icon--spark-atlantis
m-icon--spark-totally
m-icon--spark
m-icon--sports-leisure
m-icon--spotify
m-icon--star-full-fill
m-icon--star-half-fill
m-icon--star
m-icon--steering-wheel
m-icon--stroller
m-icon--suitcase-add
m-icon--suitcase
m-icon--sun
m-icon--sunweb
m-icon--sustainable
m-icon--swap
m-icon--swimming-pool
m-icon--synchronise
m-icon--tag
m-icon--thumbs-down
m-icon--thumbs-up
m-icon--ticket-flight
m-icon--ticket-general
m-icon--timeline
m-icon--toast
m-icon--tomorrowland
m-icon--totally
m-icon--train
m-icon--transmission-automatic
m-icon--transmission-manual
m-icon--twitter
m-icon--umbrella
m-icon--upgrade
m-icon--volume
m-icon--voucher
m-icon--wallet
m-icon--warning-circle
m-icon--warning-square
m-icon--warning-triangle
m-icon--weather
m-icon--wellness
m-icon--whatsapp
m-icon--youtube
m-icon--zoom-in
m-icon--zoom-out