Icons

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

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