Icons

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

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