Icons Demo Page

To add Fliplet Icons to your app you need to include a reference to Fliplet’s icon files. To do this you need to add a CSS file and a TTF file. You can add the CSS file in App settings / Add-ons and pasting in the URL below

https://fliplet.com/wp-content/themes/fliplet%202018/assets/fonts/fl-icons/style.css

To add in the TTF file you need to download the file from this link and upload it to App settings / Custom Fonts

https://fliplet.com/wp-content/themes/fliplet%202018/assets/fonts/fl-icons/fonts/fl-icon.ttf

When you want to include an icon you can use one of the icon names below. Paste it into the HTML in the Developer Options section of Fliplet Studio as a class. eg: for the ‘fl-icon-alarm’ use the following code

<span class="fl-icon-alarm"></span>
fl-icon-zoom-in1
fl-icon-zoom-out1
fl-icon-fit-to-view
fl-icon-fit-to-view-II
fl-icon-fit-to-view-III
fl-icon-file-folder
fl-icon-add-square
fl-icon-chevron-down-II
fl-icon-chevron-left-II
fl-icon-chevron-right-II
fl-icon-chevron-up-II
fl-icon-menu-III
fl-icon-settings
fl-icon-add-fill
fl-icon-add
fl-icon-agenda
fl-icon-alarm
fl-icon-arrow-down
fl-icon-arrow-left
fl-icon-arrow-right
fl-icon-arrow-up
fl-icon-bell
fl-icon-book
fl-icon-bookmark-fill
fl-icon-bookmark
fl-icon-call
fl-icon-cancel-II
fl-icon-cancel-III-fill
fl-icon-cancel-III
fl-icon-cancel
fl-icon-chevron-down
fl-icon-chevron-left
fl-icon-chevron-right
fl-icon-chevron-up
fl-icon-clock
fl-icon-components-II-fill
fl-icon-components-II
fl-icon-components
fl-icon-copy
fl-icon-data
fl-icon-desktop
fl-icon-developer-options
fl-icon-edit
fl-icon-email
fl-icon-heart-fill
fl-icon-heart
fl-icon-home-fill
fl-icon-home
fl-icon-image
fl-icon-layout
fl-icon-linkedin
fl-icon-lock
fl-icon-menu-II
fl-icon-menu
fl-icon-message
fl-icon-mic
fl-icon-mobile
fl-icon-more-II
fl-icon-more-III
fl-icon-more
fl-icon-newsfeed
fl-icon-paintbrush
fl-icon-pin-fill
fl-icon-pin
fl-icon-profile
fl-icon-search
fl-icon-share-II
fl-icon-share
fl-icon-star-fill
fl-icon-star
fl-icon-subtract-fill
fl-icon-subtract
fl-icon-tablet
fl-icon-thumb-down
fl-icon-thumb-up
fl-icon-trash
fl-icon-write-II
fl-icon-write-III
fl-icon-activity
fl-icon-archive
fl-icon-award
fl-icon-bell2
fl-icon-bell-off
fl-icon-briefcase
fl-icon-camera
fl-icon-check
fl-icon-check-circle
fl-icon-clipboard
fl-icon-compass
fl-icon-download-cloud
fl-icon-film
fl-icon-filter
fl-icon-gift
fl-icon-grid
fl-icon-layers
fl-icon-map
fl-icon-maximize-2
fl-icon-mic2
fl-icon-moon
fl-icon-music
fl-icon-navigation
fl-icon-navigation-2
fl-icon-paperclip
fl-icon-printer
fl-icon-refresh-ccw
fl-icon-save
fl-icon-send
fl-icon-shield
fl-icon-sliders
fl-icon-tag
fl-icon-thumbs-down
fl-icon-thumbs-up
fl-icon-truck
fl-icon-umbrella
fl-icon-unlock
fl-icon-upload
fl-icon-upload-cloud
fl-icon-user
fl-icon-users
fl-icon-video
fl-icon-voicemail
fl-icon-volume-2
fl-icon-volume-x
fl-icon-watch
fl-icon-wifi
fl-icon-zap
fl-icon-zoom-in
fl-icon-zoom-out