back to main Purchase

Smarty icons

A selection of most used icons, integrated into Smarty core.

            
              <!-- example -->
              <i class="fi fi-heart-empty"></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-instagram

  • fi-social-twitch

  • fi-social-github

  • fi-social-spotify

  • fi-social-soundcloud

  • 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 small text-danger"></i>