Icons

All icons will be added inside a <i> tag with classes icon and icon--{xs|sm|md|lg|xl} for sizes.

icon--addcollection
icon--advanced
icon--aligncenter
icon--alignleft
icon--alignright
icon--amex
icon--archive
icon--backwards
icon--beginner
icon--behance
icon--bold
icon--book
icon--bookmark-filled
icon--bookmark
icon--bug
icon--calendar
icon--check
icon--checkbox
icon--clip
icon--cloud
icon--collection
icon--comment
icon--cookie
icon--copyright
icon--coupon
icon--credit-card
icon--cross-small
icon--cross
icon--crown
icon--disabled
icon--dollar
icon--down-small
icon--down
icon--download
icon--dribbble
icon--duplicate
icon--earnings
icon--edit
icon--envelope-solid
icon--envelope
icon--exclamation
icon--eye-line-through
icon--eye
icon--facebook
icon--file
icon--filter
icon--flame
icon--flip
icon--folder
icon--followcollection
icon--following
icon--font
icon--forwards
icon--fullscreen
icon--globe
icon--google
icon--grid
icon--heart-filled
icon--heart
icon--home
icon--inbox
icon--info
icon--instagram
icon--intermediate
icon--interogation
icon--italic
icon--justify
icon--laptop
icon--layers
icon--left-small
icon--left
icon--linkedin
icon--list
icon--lock-open-solid
icon--lock-solid
icon--lock
icon--logo-symbol-old
icon--logo-symbol
icon--logo-text-old
icon--logo-text
icon--logout
icon--marker
icon--master-card
icon--menuburger
icon--menudots-vertical
icon--menudots
icon--minus-small
icon--minus
icon--next-small
icon--next
icon--notification
icon--opacity
icon--palette
icon--paper-plane
icon--paper-plane2
icon--pause
icon--paypal
icon--pencil
icon--phone
icon--photo
icon--pinterest
icon--pixabay
icon--play
icon--plus-small
icon--plus
icon--prev-small
icon--prev
icon--projects
icon--psd
icon--quote
icon--receipt
icon--redo
icon--refresh
icon--removecollection
icon--resources
icon--right-small
icon--right
icon--rotate
icon--save
icon--search
icon--security
icon--settings
icon--share
icon--shopping-cart
icon--shuffle
icon--sortcollection
icon--squares
icon--star-filled
icon--star
icon--stats
icon--stop
icon--stumbleupon
icon--subtitles
icon--support
icon--tablet
icon--tag
icon--telegram
icon--thumb-down
icon--thumb-up
icon--time
icon--trash
icon--twitter
icon--underline
icon--undo
icon--unlock
icon--up-small
icon--up
icon--upload
icon--url
icon--user
icon--vector
icon--video
icon--vimeo
icon--visa
icon--volume
icon--whatsapp
icon--world
icon--youtube
icon--zoom-in
icon--zoom-out
Sizes
Buttons and icons

If you are using an icon inside a button you have to add the spacing class specific to the button size, this is done to have icon and text aligned properly.

.icon--mg-{xs|sm|md|lg|xl}