Icons

Note This is a basic demo! Please see main full documentation here.
Icons 
usage: <i class="fi fi-check"></i>
fi-check
fi-close
fi-search
fi-user-male
fi-user-female
fi-users
fi-star
fi-star-empty-radius
fi-star-empty
fi-start-half
fi-star-full
fi-heart-slim
fi-heart-empty
fi-heart-half
fi-heart-full
fi-arrow-up
fi-arrow-down
fi-arrow-left
fi-arrow-right
fi-arrow-up-slim
fi-arrow-down-slim
fi-arrow-left-slim
fi-arrow-right-slim
fi-arrow-up-full
fi-arrow-down-full
fi-arrow-left-full
fi-arrow-right-full
fi-arrow-right-3
fi-arrow-download
fi-arrow-upload
fi-envelope
fi-envelope-2
fi-eq-vertical
fi-eye
fi-shape-hexa
fi-layers
fi-drop
fi-colors
fi-menu-dots
fi-percent
fi-mic-disabled
fi-thrash
fi-eye-disabled
fi-round-close
fi-brand-apple
fi-mollecules
fi-minus
fi-support-1
fi-shield-ok
fi-task-list
fi-print
fi-chat
fi-dots-vertical
fi-direction
fi-cart-1
fi-layers-middle
fi-circle-spin
fi-play-empty
fi-expand
fi-cog-full
fi-pencil
fi-graduate
fi-smartphone
fi-like
fi-folder-full
fi-smartphone-chat
fi-squared-info
fi-eco
fi-cog
fi-round-target
fi-bell
fi-squared-minus
fi-share
fi-recycle
fi-hourglass
fi-power
fi-phone-24
fi-plus
fi-shape-abstract-cube
fi-round-info-full
fi-layerstore
fi-database
fi-sound-on
fi-unlink
fi-home
fi-box
fi-phone
fi-orbit
fi-bell-full-active
fi-brand-android
fi-smart-devices
fi-pin-2
fi-box-checked
fi-atom
fi-loading-dots
fi-eq-horizontal
fi-round-play
fi-list-checked
fi-target-simple
fi-road
fi-mic
fi-round-list
fi-brand-windows
fi-cart-2
fi-product-tag
fi-globe
fi-cart-3
fi-colors-2
fi-lightbulb
fi-round-question-full
fi-bars-2
fi-attachment
fi-checklist-squared
fi-graph
fi-selectable
fi-cloud-upload
fi-mdeal
fi-24
fi-cart-4
fi-list
fi-user-plus
fi-truck-speed
fi-cogs
fi-dashboard
fi-lightning
fi-dots-horizontal
fi-loading
fi-exit
fi-plus-slim
fi-umbrella
fi-gps
fi-locked
fi-link
fi-shape-3dots
fi-round-question
fi-image
fi-round-plus
fi-support
fi-go-back
fi-play
fi-dislike
fi-chart-up
fi-map
fi-dots-triangle
fi-dots-horizontal-full
fi-reload
fi-bookmark
fi-shape-abstract-dots
fi-bars
fi-speaker-mute
fi-send
fi-brain
fi-bell-active
fi-folder-empty
fi-cart-5
fi-shrink
fi-pin
fi-squares
fi-bell-full
fi-squared-graph
fi-squared-dots
fi-gift
fi-time
fi-cloud-download
fi-shape-star
fi-loud
fi-dots-vertical-full
fi-help
fi-fingerprint
fi-plus-squared
fi-round-lightning
fi-pie-chart
fi-calendar
fi-shape-squared-unequal
fi-cart-6
fi-support-headphones
fi-code
fi-brand-amazon
fi-brand-paypal
fi-social-facebook
fi-social-linkedin
fi-social-pinterest
fi-social-rss
fi-social-snapchat
fi-social-twitter
fi-social-vimeo
fi-social-youtube
fi-social-unsplash
fi-homeadvisor
fi-movie
fi-cart-7
mdi-check
mdi-close
mdi-format_align_center
mdi-format_align_justify
mdi-format_align_left
mdi-format_align_right
mdi-format_bold
mdi-format_clear
mdi-format_color_fill
mdi-format_color_reset
mdi-format_color_text
mdi-format_indent_decrease
mdi-format_indent_increase
mdi-format_italic
mdi-format_line_spacing
mdi-format_list_bulleted
mdi-format_list_numbered
mdi-filter_1
mdi-filter_2
mdi-filter_3
mdi-filter_4
mdi-filter_5
mdi-filter_6
mdi-filter_7
mdi-filter_8
mdi-filter_9
fi-emoji-happy
fi-emoji-smile
fi-emoji-tongue
fi-emoji-sad
fi-emoji-wink
fi-emoji-grin
fi-emoji-cool
fi-emoji-angry
fi-emoji-evil
fi-emoji-shocked
fi-emoji-baffled
fi-emoji-confused
fi-emoji-neutral
fi-emoji-hipster
fi-emoji-wondering
fi-emoji-sleepy
fi-emoji-frustrated
fi-emoji-crying
RTL ARROWS

Will turn the oposite direction on RTL, without a need to edit the html code

  <i class="fi fi-arrow-start"></i>
  <i class="fi fi-arrow-end"></i>
  <i class="fi fi-arrow-start-slim"></i>
  <i class="fi fi-arrow-end-slim"></i>
  <i class="fi fi-arrow-start-full"></i>
  <i class="fi fi-arrow-end-full"></i>
Example: <i class="fi fi-orbit fi-spin"></i>        
Please see Utilities for available classes (font size & colors).
Example: <i class="fi fi-star-empty fs--13 text-danger"></i>                  
Social Background Colors
facebook twitter linkedin vimeo youtube snapchat email