Icons

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

icon--clean
icon--crown
icon--stop
icon--paste
icon--pencil
icon--folder
icon--laptop
icon--lock-solid
icon--o-square
icon--phone
icon--headquarters
icon--intermediate
icon--up
icon--logo-text
icon--video
icon--zoom-out
icon--pinterest
icon--trash
icon--down-small
icon--time
icon--user
icon--history
icon--copyright
icon--twitter
icon--move-to-folder
icon--headphones
icon--bookmark
icon--unfold
icon--beacon-lineal
icon--star-filled
icon--quote
icon--caret-right
icon--reflect-horizontal
icon--refresh
icon--right-small
icon--amex
icon--justify
icon--forwards
icon--vimeo
icon--instagram
icon--copy-image
icon--stumbleupon
icon--archive
icon--bookmark-filled
icon--eye
icon--heart
icon--follow-folder
icon--rotate
icon--lock
icon--circle-lineal-small
icon--projects
icon--paypal
icon--bold
icon--save
icon--o-vertical
icon--hourglass
icon--rotate-inverted
icon--unlock
icon--beacon
icon--tablet
icon--fiverr
icon--resources
icon--eye-line-through
icon--cloud
icon--addcollection
icon--notification
icon--paper-plane2
icon--empty
icon--caret-down
icon--info
icon--devices
icon--world
icon--crop
icon--3d
icon--edit
icon--upload
icon--upload-to-folder
icon--create-folder-filled
icon--url
icon--smiley-comment
icon--palette
icon--stats
icon--security
icon--left-small
icon--search
icon--dribbble
icon--bullet
icon--exclamation
icon--tag
icon--backwards
icon--psd
icon--video-linear
icon--circle-lineal
icon--interactive
icon--left
icon--images
icon--paper-plane
icon--pause
icon--coupon
icon--move-to-folder-2
icon--prev
icon--external-link
icon--cross
icon--interogation
icon--prev-small
icon--underline
icon--background
icon--whatsapp
icon--flag
icon--envelope
icon--template-alt
icon--home
icon--keyboard
icon--star-comment
icon--font
icon--menudots
icon--flame
icon--logo-symbol-old
icon--remove-folder
icon--fullscreen
icon--plus-small
icon--logo-symbol
icon--alignright
icon--thumb-down
icon--dashboard
icon--support
icon--users
icon--display-options
icon--mockup
icon--logout
icon--zoom-in
icon--slidesgo
icon--shopping-cart
icon--squircle-lineal
icon--undo
icon--duplicate
icon--flaticon
icon--settings
icon--google
icon--disabled
icon--grid
icon--comment
icon--visa
icon--clip
icon--square-lineal
icon--sortcollection
icon--filter
icon--book
icon--linkedin
icon--briefcase
icon--light-bulb
icon--notification-filled
icon--next-small
icon--file
icon--brush
icon--minus-small
icon--minus
icon--camera
icon--squircle
icon--star
icon--license
icon--shuffle
icon--play
icon--marker
icon--earnings
icon--credit-card
icon--o-horizontal
icon--heart-filled
icon--aligncenter
icon--menuburger
icon--share
icon--download
icon--picpeople
icon--reflect-vertical
icon--circle-filled
icon--globe
icon--envelope-solid
icon--list
icon--redo
icon--replace
icon--removecollection
icon--following
icon--check
icon--advanced
icon--minimize
icon--cookie
icon--lock-open-solid
icon--layers
icon--bug
icon--up-small
icon--calendar
icon--inbox
icon--alignleft
icon--right
icon--squares
icon--create-folder
icon--collection
icon--spinner
icon--behance
icon--flip
icon--youtube
icon--telegram
icon--italic
icon--logo-text-old
icon--beginner
icon--square
icon--pixabay
icon--subtitles
icon--followcollection
icon--fold
icon--next
icon--master-card
icon--vector
icon--receipt
icon--plus
icon--volume
icon--checkbox
icon--photo
icon--menudots-vertical
icon--template
icon--thumb-up
icon--collapse
icon--picpeople-filled
icon--o-panoramic
icon--dollar
icon--add-to-folder
icon--caret-left
icon--circle
icon--down
icon--opacity
icon--cross-small
icon--facebook
icon--caret-up
icon--speaker
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}