Merge branches 'dev-iconfont' and 'master' of https://github.com/tabler/tabler-icons

8 files changed, 5320 insertions, 0 deletions

diff --git a/iconfont/fonts/tabler-icons.eot b/iconfont/fonts/tabler-icons.eot
new file mode 100644
index 00000000..90745165
--- /dev/null
+++ b/iconfont/fonts/tabler-icons.eot
diff --git a/iconfont/fonts/tabler-icons.ttf b/iconfont/fonts/tabler-icons.ttf
new file mode 100644
index 00000000..c276845a
--- /dev/null
+++ b/iconfont/fonts/tabler-icons.ttf
diff --git a/iconfont/fonts/tabler-icons.woff b/iconfont/fonts/tabler-icons.woff
new file mode 100644
index 00000000..751e8a48
--- /dev/null
+++ b/iconfont/fonts/tabler-icons.woff
diff --git a/iconfont/fonts/tabler-icons.woff2 b/iconfont/fonts/tabler-icons.woff2
new file mode 100644
index 00000000..60b23fee
--- /dev/null
+++ b/iconfont/fonts/tabler-icons.woff2
diff --git a/iconfont/tabler-icons.css b/iconfont/tabler-icons.css
new file mode 100644
index 00000000..533a3d71
--- /dev/null
+++ b/iconfont/tabler-icons.css
@@ -0,0 +1,1397 @@
+@charset "UTF-8";
+/*!
+ * Tabler Icons 1.1.0 by tabler - https://tabler.io
+ * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
+ */
+@font-face {
+  font-family: "tabler-icons";
+  font-style: normal;
+  font-weight: 400;
+  src: url("./fonts/tabler-icons.eot");
+  src: url("./fonts/tabler-icons.eot?#iefix") format("embedded-opentype"), url("./fonts/tabler-icons.woff2") format("woff2"), url("./fonts/tabler-icons.woff") format("woff"), url("./fonts/tabler-icons.ttf") format("truetype");
+}
+
+.ti {
+  font-family: "tabler-icons" !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.ti-activity:before {
+  content: "";
+}
+
+.ti-ad:before {
+  content: "";
+}
+
+.ti-adjustments:before {
+  content: "";
+}
+
+.ti-alarm:before {
+  content: "";
+}
+
+.ti-alert-circle:before {
+  content: "";
+}
+
+.ti-alert-triangle:before {
+  content: "";
+}
+
+.ti-align-center:before {
+  content: "";
+}
+
+.ti-align-justified:before {
+  content: "";
+}
+
+.ti-align-left:before {
+  content: "";
+}
+
+.ti-align-right:before {
+  content: "";
+}
+
+.ti-archive:before {
+  content: "";
+}
+
+.ti-arrow-back:before {
+  content: "";
+}
+
+.ti-arrow-bar-down:before {
+  content: "";
+}
+
+.ti-arrow-bar-left:before {
+  content: "";
+}
+
+.ti-arrow-bar-right:before {
+  content: "";
+}
+
+.ti-arrow-bar-up:before {
+  content: "";
+}
+
+.ti-arrow-down-circle:before {
+  content: "";
+}
+
+.ti-arrow-down-left-circle:before {
+  content: "";
+}
+
+.ti-arrow-down-left:before {
+  content: "";
+}
+
+.ti-arrow-down-right-circle:before {
+  content: "";
+}
+
+.ti-arrow-down-right:before {
+  content: "";
+}
+
+.ti-arrow-down:before {
+  content: "";
+}
+
+.ti-arrow-forward:before {
+  content: "";
+}
+
+.ti-arrow-left-circle:before {
+  content: "";
+}
+
+.ti-arrow-left:before {
+  content: "";
+}
+
+.ti-arrow-narrow-down:before {
+  content: "";
+}
+
+.ti-arrow-narrow-left:before {
+  content: "";
+}
+
+.ti-arrow-narrow-right:before {
+  content: "";
+}
+
+.ti-arrow-narrow-up:before {
+  content: "";
+}
+
+.ti-arrow-right-circle:before {
+  content: "";
+}
+
+.ti-arrow-right:before {
+  content: "";
+}
+
+.ti-arrow-up-circle:before {
+  content: "";
+}
+
+.ti-arrow-up-left-circle:before {
+  content: "";
+}
+
+.ti-arrow-up-left:before {
+  content: "";
+}
+
+.ti-arrow-up-right-circle:before {
+  content: "";
+}
+
+.ti-arrow-up-right:before {
+  content: "";
+}
+
+.ti-arrow-up:before {
+  content: "";
+}
+
+.ti-arrows-diagonal-2:before {
+  content: "";
+}
+
+.ti-arrows-diagonal:before {
+  content: "";
+}
+
+.ti-arrows-maximize:before {
+  content: "";
+}
+
+.ti-arrows-minimize:before {
+  content: "";
+}
+
+.ti-artboard:before {
+  content: "";
+}
+
+.ti-at:before {
+  content: "";
+}
+
+.ti-award:before {
+  content: "";
+}
+
+.ti-backspace:before {
+  content: "";
+}
+
+.ti-ban:before {
+  content: "";
+}
+
+.ti-battery-1:before {
+  content: "";
+}
+
+.ti-battery-2:before {
+  content: "";
+}
+
+.ti-battery-3:before {
+  content: "";
+}
+
+.ti-battery-4:before {
+  content: "";
+}
+
+.ti-battery-charging:before {
+  content: "";
+}
+
+.ti-battery:before {
+  content: "";
+}
+
+.ti-bell:before {
+  content: "";
+}
+
+.ti-bike:before {
+  content: "";
+}
+
+.ti-bluetooth:before {
+  content: "";
+}
+
+.ti-bolt:before {
+  content: "";
+}
+
+.ti-book:before {
+  content: "";
+}
+
+.ti-bookmark:before {
+  content: "";
+}
+
+.ti-border-all:before {
+  content: "";
+}
+
+.ti-border-bottom:before {
+  content: "";
+}
+
+.ti-border-horizontal:before {
+  content: "";
+}
+
+.ti-border-inner:before {
+  content: "";
+}
+
+.ti-border-left:before {
+  content: "";
+}
+
+.ti-border-none:before {
+  content: "";
+}
+
+.ti-border-outer:before {
+  content: "";
+}
+
+.ti-border-right:before {
+  content: "";
+}
+
+.ti-border-top:before {
+  content: "";
+}
+
+.ti-border-vertical:before {
+  content: "";
+}
+
+.ti-box:before {
+  content: "";
+}
+
+.ti-briefcase:before {
+  content: "";
+}
+
+.ti-bucket:before {
+  content: "";
+}
+
+.ti-bug:before {
+  content: "";
+}
+
+.ti-building-arch:before {
+  content: "";
+}
+
+.ti-building-bridge-2:before {
+  content: "";
+}
+
+.ti-building-bridge:before {
+  content: "";
+}
+
+.ti-building-church:before {
+  content: "";
+}
+
+.ti-building-hospital:before {
+  content: "";
+}
+
+.ti-building-store:before {
+  content: "";
+}
+
+.ti-building:before {
+  content: "";
+}
+
+.ti-bulb-off:before {
+  content: "";
+}
+
+.ti-bulb:before {
+  content: "";
+}
+
+.ti-calendar-event:before {
+  content: "";
+}
+
+.ti-calendar:before {
+  content: "";
+}
+
+.ti-camera:before {
+  content: "";
+}
+
+.ti-cash:before {
+  content: "";
+}
+
+.ti-cast:before {
+  content: "";
+}
+
+.ti-chart-area-line:before {
+  content: "";
+}
+
+.ti-chart-area:before {
+  content: "";
+}
+
+.ti-chart-bar:before {
+  content: "";
+}
+
+.ti-chart-candle:before {
+  content: "";
+}
+
+.ti-chart-donut:before {
+  content: "";
+}
+
+.ti-chart-line:before {
+  content: "";
+}
+
+.ti-chart-pie:before {
+  content: "";
+}
+
+.ti-check:before {
+  content: "";
+}
+
+.ti-chevron-down:before {
+  content: "";
+}
+
+.ti-chevron-left:before {
+  content: "";
+}
+
+.ti-chevron-right:before {
+  content: "";
+}
+
+.ti-chevron-up:before {
+  content: "";
+}
+
+.ti-chevrons-down:before {
+  content: "";
+}
+
+.ti-chevrons-left:before {
+  content: "";
+}
+
+.ti-chevrons-right:before {
+  content: "";
+}
+
+.ti-chevrons-up:before {
+  content: "";
+}
+
+.ti-circle-check:before {
+  content: "";
+}
+
+.ti-circle-minus:before {
+  content: "";
+}
+
+.ti-circle-plus:before {
+  content: "";
+}
+
+.ti-circle-x:before {
+  content: "";
+}
+
+.ti-circle:before {
+  content: "";
+}
+
+.ti-clipboard-check:before {
+  content: "";
+}
+
+.ti-clipboard-list:before {
+  content: "";
+}
+
+.ti-clipboard-x:before {
+  content: "";
+}
+
+.ti-clipboard:before {
+  content: "";
+}
+
+.ti-clock:before {
+  content: "";
+}
+
+.ti-cloud-download:before {
+  content: "";
+}
+
+.ti-cloud-rain:before {
+  content: "";
+}
+
+.ti-cloud-snow:before {
+  content: "";
+}
+
+.ti-cloud-storm:before {
+  content: "";
+}
+
+.ti-cloud-upload:before {
+  content: "";
+}
+
+.ti-cloud:before {
+  content: "";
+}
+
+.ti-code:before {
+  content: "";
+}
+
+.ti-command:before {
+  content: "";
+}
+
+.ti-compass:before {
+  content: "";
+}
+
+.ti-copy:before {
+  content: "";
+}
+
+.ti-copyright:before {
+  content: "";
+}
+
+.ti-corner-down-left:before {
+  content: "";
+}
+
+.ti-corner-down-right:before {
+  content: "";
+}
+
+.ti-corner-left-down:before {
+  content: "";
+}
+
+.ti-corner-left-up:before {
+  content: "";
+}
+
+.ti-corner-right-down:before {
+  content: "";
+}
+
+.ti-corner-right-up:before {
+  content: "";
+}
+
+.ti-corner-up-left:before {
+  content: "";
+}
+
+.ti-corner-up-right:before {
+  content: "";
+}
+
+.ti-credit-card:before {
+  content: "";
+}
+
+.ti-crop:before {
+  content: "";
+}
+
+.ti-cut:before {
+  content: "";
+}
+
+.ti-dashboard:before {
+  content: "";
+}
+
+.ti-database:before {
+  content: "";
+}
+
+.ti-device-desktop:before {
+  content: "";
+}
+
+.ti-device-mobile:before {
+  content: "";
+}
+
+.ti-device-speaker:before {
+  content: "";
+}
+
+.ti-device-tablet:before {
+  content: "";
+}
+
+.ti-device-tv:before {
+  content: "";
+}
+
+.ti-directions:before {
+  content: "";
+}
+
+.ti-disabled:before {
+  content: "";
+}
+
+.ti-disc:before {
+  content: "";
+}
+
+.ti-dots-circle-horizontal:before {
+  content: "";
+}
+
+.ti-dots-diagonal-2:before {
+  content: "";
+}
+
+.ti-dots-diagonal:before {
+  content: "";
+}
+
+.ti-dots-vertical:before {
+  content: "";
+}
+
+.ti-dots:before {
+  content: "";
+}
+
+.ti-download:before {
+  content: "";
+}
+
+.ti-droplet:before {
+  content: "";
+}
+
+.ti-edit:before {
+  content: "";
+}
+
+.ti-external-link:before {
+  content: "";
+}
+
+.ti-eye:before {
+  content: "";
+}
+
+.ti-face-id:before {
+  content: "";
+}
+
+.ti-file-check:before {
+  content: "";
+}
+
+.ti-file-download:before {
+  content: "";
+}
+
+.ti-file-minus:before {
+  content: "";
+}
+
+.ti-file-music:before {
+  content: "";
+}
+
+.ti-file-plus:before {
+  content: "";
+}
+
+.ti-file-shredder:before {
+  content: "";
+}
+
+.ti-file-text:before {
+  content: "";
+}
+
+.ti-file-x:before {
+  content: "";
+}
+
+.ti-file:before {
+  content: "";
+}
+
+.ti-filter:before {
+  content: "";
+}
+
+.ti-flag:before {
+  content: "";
+}
+
+.ti-flip-horizontal:before {
+  content: "";
+}
+
+.ti-flip-vertical:before {
+  content: "";
+}
+
+.ti-floppy-disk:before {
+  content: "";
+}
+
+.ti-folder-minus:before {
+  content: "";
+}
+
+.ti-folder-plus:before {
+  content: "";
+}
+
+.ti-folder-x:before {
+  content: "";
+}
+
+.ti-folder:before {
+  content: "";
+}
+
+.ti-folders:before {
+  content: "";
+}
+
+.ti-frame:before {
+  content: "";
+}
+
+.ti-friends:before {
+  content: "";
+}
+
+.ti-gauge:before {
+  content: "";
+}
+
+.ti-git-branch:before {
+  content: "";
+}
+
+.ti-git-commit:before {
+  content: "";
+}
+
+.ti-git-compare:before {
+  content: "";
+}
+
+.ti-git-merge:before {
+  content: "";
+}
+
+.ti-git-pull-request:before {
+  content: "";
+}
+
+.ti-glass-full:before {
+  content: "";
+}
+
+.ti-glass:before {
+  content: "";
+}
+
+.ti-globe:before {
+  content: "";
+}
+
+.ti-grid-dots:before {
+  content: "";
+}
+
+.ti-grid:before {
+  content: "";
+}
+
+.ti-hash:before {
+  content: "";
+}
+
+.ti-headphones:before {
+  content: "";
+}
+
+.ti-heart:before {
+  content: "";
+}
+
+.ti-help:before {
+  content: "";
+}
+
+.ti-home-2:before {
+  content: "";
+}
+
+.ti-home:before {
+  content: "";
+}
+
+.ti-ice-cream:before {
+  content: "";
+}
+
+.ti-id:before {
+  content: "";
+}
+
+.ti-inbox:before {
+  content: "";
+}
+
+.ti-info-circle:before {
+  content: "";
+}
+
+.ti-info-square:before {
+  content: "";
+}
+
+.ti-key:before {
+  content: "";
+}
+
+.ti-layers-difference:before {
+  content: "";
+}
+
+.ti-layers-intersect:before {
+  content: "";
+}
+
+.ti-layers-subtract:before {
+  content: "";
+}
+
+.ti-layers-union:before {
+  content: "";
+}
+
+.ti-layout-2:before {
+  content: "";
+}
+
+.ti-layout-align-bottom:before {
+  content: "";
+}
+
+.ti-layout-align-center:before {
+  content: "";
+}
+
+.ti-layout-align-left:before {
+  content: "";
+}
+
+.ti-layout-align-middle:before {
+  content: "";
+}
+
+.ti-layout-align-right:before {
+  content: "";
+}
+
+.ti-layout-align-top:before {
+  content: "";
+}
+
+.ti-layout-bottombar:before {
+  content: "";
+}
+
+.ti-layout-columns:before {
+  content: "";
+}
+
+.ti-layout-distribute-horizontal:before {
+  content: "";
+}
+
+.ti-layout-distribute-vertical:before {
+  content: "";
+}
+
+.ti-layout-navbar:before {
+  content: "";
+}
+
+.ti-layout-rows:before {
+  content: "";
+}
+
+.ti-layout-sidebar-right:before {
+  content: "";
+}
+
+.ti-layout-sidebar:before {
+  content: "";
+}
+
+.ti-layout:before {
+  content: "";
+}
+
+.ti-lego:before {
+  content: "";
+}
+
+.ti-lifebuoy:before {
+  content: "";
+}
+
+.ti-link:before {
+  content: "";
+}
+
+.ti-live-photo:before {
+  content: "";
+}
+
+.ti-location:before {
+  content: "";
+}
+
+.ti-lock-open:before {
+  content: "";
+}
+
+.ti-lock:before {
+  content: "";
+}
+
+.ti-magnet:before {
+  content: "";
+}
+
+.ti-mail-opened:before {
+  content: "";
+}
+
+.ti-mail:before {
+  content: "";
+}
+
+.ti-man:before {
+  content: "";
+}
+
+.ti-map-2:before {
+  content: "";
+}
+
+.ti-map-pin:before {
+  content: "";
+}
+
+.ti-map:before {
+  content: "";
+}
+
+.ti-maximize:before {
+  content: "";
+}
+
+.ti-menu:before {
+  content: "";
+}
+
+.ti-message-2:before {
+  content: "";
+}
+
+.ti-message-circle:before {
+  content: "";
+}
+
+.ti-message-dots:before {
+  content: "";
+}
+
+.ti-message:before {
+  content: "";
+}
+
+.ti-microphone:before {
+  content: "";
+}
+
+.ti-minimize:before {
+  content: "";
+}
+
+.ti-minus:before {
+  content: "";
+}
+
+.ti-mood-confuzed:before {
+  content: "";
+}
+
+.ti-mood-happy:before {
+  content: "";
+}
+
+.ti-mood-neutral:before {
+  content: "";
+}
+
+.ti-mood-sad:before {
+  content: "";
+}
+
+.ti-mood-smile:before {
+  content: "";
+}
+
+.ti-moon:before {
+  content: "";
+}
+
+.ti-mouse:before {
+  content: "";
+}
+
+.ti-movie:before {
+  content: "";
+}
+
+.ti-mug:before {
+  content: "";
+}
+
+.ti-music:before {
+  content: "";
+}
+
+.ti-news:before {
+  content: "";
+}
+
+.ti-notification:before {
+  content: "";
+}
+
+.ti-package:before {
+  content: "";
+}
+
+.ti-paint:before {
+  content: "";
+}
+
+.ti-palette:before {
+  content: "";
+}
+
+.ti-paperclip:before {
+  content: "";
+}
+
+.ti-parking:before {
+  content: "";
+}
+
+.ti-pencil:before {
+  content: "";
+}
+
+.ti-phone-call:before {
+  content: "";
+}
+
+.ti-phone-incoming:before {
+  content: "";
+}
+
+.ti-phone-outgoing:before {
+  content: "";
+}
+
+.ti-phone-pause:before {
+  content: "";
+}
+
+.ti-phone:before {
+  content: "";
+}
+
+.ti-photo:before {
+  content: "";
+}
+
+.ti-plus:before {
+  content: "";
+}
+
+.ti-point:before {
+  content: "";
+}
+
+.ti-power:before {
+  content: "";
+}
+
+.ti-printer:before {
+  content: "";
+}
+
+.ti-prompt:before {
+  content: "";
+}
+
+.ti-puzzle:before {
+  content: "";
+}
+
+.ti-qrcode:before {
+  content: "";
+}
+
+.ti-record-mail:before {
+  content: "";
+}
+
+.ti-refresh:before {
+  content: "";
+}
+
+.ti-registered:before {
+  content: "";
+}
+
+.ti-rotate-clockwise:before {
+  content: "";
+}
+
+.ti-rotate:before {
+  content: "";
+}
+
+.ti-route:before {
+  content: "";
+}
+
+.ti-router:before {
+  content: "";
+}
+
+.ti-rss:before {
+  content: "";
+}
+
+.ti-ruler:before {
+  content: "";
+}
+
+.ti-scissors:before {
+  content: "";
+}
+
+.ti-search:before {
+  content: "";
+}
+
+.ti-selector:before {
+  content: "";
+}
+
+.ti-send:before {
+  content: "";
+}
+
+.ti-server:before {
+  content: "";
+}
+
+.ti-settings:before {
+  content: "";
+}
+
+.ti-share:before {
+  content: "";
+}
+
+.ti-shield-check:before {
+  content: "";
+}
+
+.ti-shield-x:before {
+  content: "";
+}
+
+.ti-shield:before {
+  content: "";
+}
+
+.ti-shopping-cart:before {
+  content: "";
+}
+
+.ti-sort-ascending:before {
+  content: "";
+}
+
+.ti-sort-descending:before {
+  content: "";
+}
+
+.ti-square-check:before {
+  content: "";
+}
+
+.ti-square-minus:before {
+  content: "";
+}
+
+.ti-square-plus:before {
+  content: "";
+}
+
+.ti-square-x:before {
+  content: "";
+}
+
+.ti-square:before {
+  content: "";
+}
+
+.ti-stack:before {
+  content: "";
+}
+
+.ti-star:before {
+  content: "";
+}
+
+.ti-sticker:before {
+  content: "";
+}
+
+.ti-sun:before {
+  content: "";
+}
+
+.ti-switch-horizontal:before {
+  content: "";
+}
+
+.ti-switch-vertical:before {
+  content: "";
+}
+
+.ti-switch:before {
+  content: "";
+}
+
+.ti-tag:before {
+  content: "";
+}
+
+.ti-target:before {
+  content: "";
+}
+
+.ti-temperature-celsius:before {
+  content: "";
+}
+
+.ti-temperature-fahrenheit:before {
+  content: "";
+}
+
+.ti-temperature:before {
+  content: "";
+}
+
+.ti-template:before {
+  content: "";
+}
+
+.ti-test-pipe:before {
+  content: "";
+}
+
+.ti-thumb-down:before {
+  content: "";
+}
+
+.ti-thumb-up:before {
+  content: "";
+}
+
+.ti-ticket:before {
+  content: "";
+}
+
+.ti-toggle-left:before {
+  content: "";
+}
+
+.ti-toggle-right:before {
+  content: "";
+}
+
+.ti-tool:before {
+  content: "";
+}
+
+.ti-trash:before {
+  content: "";
+}
+
+.ti-trending-down:before {
+  content: "";
+}
+
+.ti-trending-up:before {
+  content: "";
+}
+
+.ti-triangle:before {
+  content: "";
+}
+
+.ti-trophy:before {
+  content: "";
+}
+
+.ti-unlink:before {
+  content: "";
+}
+
+.ti-upload:before {
+  content: "";
+}
+
+.ti-urgent:before {
+  content: "";
+}
+
+.ti-user-check:before {
+  content: "";
+}
+
+.ti-user-minus:before {
+  content: "";
+}
+
+.ti-user-plus:before {
+  content: "";
+}
+
+.ti-user-x:before {
+  content: "";
+}
+
+.ti-user:before {
+  content: "";
+}
+
+.ti-viewfinder:before {
+  content: "";
+}
+
+.ti-volume-2:before {
+  content: "";
+}
+
+.ti-volume-3:before {
+  content: "";
+}
+
+.ti-volume:before {
+  content: "";
+}
+
+.ti-wifi:before {
+  content: "";
+}
+
+.ti-woman:before {
+  content: "";
+}
+
+.ti-world:before {
+  content: "";
+}
+
+.ti-x:before {
+  content: "";
+}
+
+.ti-zoom-in:before {
+  content: "";
+}
+
+.ti-zoom-out:before {
+  content: "";
+}
diff --git a/iconfont/tabler-icons.html b/iconfont/tabler-icons.html
new file mode 100644
index 00000000..dc4b71c5
--- /dev/null
+++ b/iconfont/tabler-icons.html
@@ -0,0 +1,3195 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport"
+	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+	<title>Tabler Icons - version 1.1.0</title>
+
+	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600" rel="stylesheet">
+	<link rel="stylesheet" href="./tabler-icons.css">
+
+	<style>
+		* { margin: 0; border: 0; outline: 0; box-sizing: border-box; }
+
+		body {
+			font-family: 'Open Sans', sans-serif;
+			background: #fafbfc;
+			font-size: 1rem;
+			padding: 1rem;
+		}
+
+		code {
+			font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
+			background: #fafafa;
+			border: 1px solid #f0f0f0;
+			color: #666;
+			padding: 2px 4px;
+			margin-bottom: 2px;
+		}
+
+		.container {
+			max-width: 73rem;
+			margin: 0 auto;
+		}
+
+		.box {
+			padding: 1rem;
+			background: #fff;
+			box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
+			border-radius: 3px;
+		}
+
+		.tabler-icons {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+		}
+
+		.tabler-icon {
+			width: 10rem;
+			font-size: 12px;
+			text-align: center;
+			padding: .5rem .25rem 2rem;
+		}
+
+		.tabler-icon i {
+			display: block;
+			align-items: center;
+			font-size: 32px;
+			height: 1em;
+			margin-bottom: 1rem;
+		}
+
+		.tabler-icon code {
+			font-size: 10px;
+		}
+
+		.tabler-icon strong {
+			display: block;
+			margin-bottom: .5rem;
+		}
+
+		.tabler-icon-codes {
+			line-height: 2em;
+		}
+
+		.text-muted {
+			color: #999;
+		}
+
+		.header {
+			text-align: center;
+			margin: 2rem 0 3rem;
+		}
+
+
+	</style>
+</head>
+<body>
+<div class="container">
+	<header class="header">
+		<h1>
+			Tabler Icons
+		</h1>
+		<p class="text-muted">version 1.1.0</p>
+	</header>
+
+	<div class="box">
+		<div class="tabler-icons">
+			
+			<div class="tabler-icon">
+				<i class="ti ti-activity"></i>
+				<strong>activity</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-activity</code><br>
+					<code>\ea01</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-ad"></i>
+				<strong>ad</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-ad</code><br>
+					<code>\ea02</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-adjustments"></i>
+				<strong>adjustments</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-adjustments</code><br>
+					<code>\ea03</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-alarm"></i>
+				<strong>alarm</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-alarm</code><br>
+					<code>\ea04</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-alert-circle"></i>
+				<strong>alert-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-alert-circle</code><br>
+					<code>\ea05</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-alert-triangle"></i>
+				<strong>alert-triangle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-alert-triangle</code><br>
+					<code>\ea06</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-align-center"></i>
+				<strong>align-center</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-align-center</code><br>
+					<code>\ea07</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-align-justified"></i>
+				<strong>align-justified</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-align-justified</code><br>
+					<code>\ea08</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-align-left"></i>
+				<strong>align-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-align-left</code><br>
+					<code>\ea09</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-align-right"></i>
+				<strong>align-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-align-right</code><br>
+					<code>\ea0a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-archive"></i>
+				<strong>archive</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-archive</code><br>
+					<code>\ea0b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-back"></i>
+				<strong>arrow-back</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-back</code><br>
+					<code>\ea0c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-bar-down"></i>
+				<strong>arrow-bar-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-bar-down</code><br>
+					<code>\ea0d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-bar-left"></i>
+				<strong>arrow-bar-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-bar-left</code><br>
+					<code>\ea0e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-bar-right"></i>
+				<strong>arrow-bar-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-bar-right</code><br>
+					<code>\ea0f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-bar-up"></i>
+				<strong>arrow-bar-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-bar-up</code><br>
+					<code>\ea10</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-down-circle"></i>
+				<strong>arrow-down-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-down-circle</code><br>
+					<code>\ea11</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-down-left-circle"></i>
+				<strong>arrow-down-left-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-down-left-circle</code><br>
+					<code>\ea12</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-down-left"></i>
+				<strong>arrow-down-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-down-left</code><br>
+					<code>\ea13</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-down-right-circle"></i>
+				<strong>arrow-down-right-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-down-right-circle</code><br>
+					<code>\ea14</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-down-right"></i>
+				<strong>arrow-down-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-down-right</code><br>
+					<code>\ea15</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-down"></i>
+				<strong>arrow-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-down</code><br>
+					<code>\ea16</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-forward"></i>
+				<strong>arrow-forward</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-forward</code><br>
+					<code>\ea17</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-left-circle"></i>
+				<strong>arrow-left-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-left-circle</code><br>
+					<code>\ea18</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-left"></i>
+				<strong>arrow-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-left</code><br>
+					<code>\ea19</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-narrow-down"></i>
+				<strong>arrow-narrow-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-narrow-down</code><br>
+					<code>\ea1a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-narrow-left"></i>
+				<strong>arrow-narrow-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-narrow-left</code><br>
+					<code>\ea1b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-narrow-right"></i>
+				<strong>arrow-narrow-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-narrow-right</code><br>
+					<code>\ea1c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-narrow-up"></i>
+				<strong>arrow-narrow-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-narrow-up</code><br>
+					<code>\ea1d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-right-circle"></i>
+				<strong>arrow-right-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-right-circle</code><br>
+					<code>\ea1e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-right"></i>
+				<strong>arrow-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-right</code><br>
+					<code>\ea1f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-up-circle"></i>
+				<strong>arrow-up-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-up-circle</code><br>
+					<code>\ea20</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-up-left-circle"></i>
+				<strong>arrow-up-left-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-up-left-circle</code><br>
+					<code>\ea21</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-up-left"></i>
+				<strong>arrow-up-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-up-left</code><br>
+					<code>\ea22</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-up-right-circle"></i>
+				<strong>arrow-up-right-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-up-right-circle</code><br>
+					<code>\ea23</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-up-right"></i>
+				<strong>arrow-up-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-up-right</code><br>
+					<code>\ea24</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrow-up"></i>
+				<strong>arrow-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrow-up</code><br>
+					<code>\ea25</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrows-diagonal-2"></i>
+				<strong>arrows-diagonal-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrows-diagonal-2</code><br>
+					<code>\ea26</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrows-diagonal"></i>
+				<strong>arrows-diagonal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrows-diagonal</code><br>
+					<code>\ea27</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrows-maximize"></i>
+				<strong>arrows-maximize</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrows-maximize</code><br>
+					<code>\ea28</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-arrows-minimize"></i>
+				<strong>arrows-minimize</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-arrows-minimize</code><br>
+					<code>\ea29</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-artboard"></i>
+				<strong>artboard</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-artboard</code><br>
+					<code>\ea2a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-at"></i>
+				<strong>at</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-at</code><br>
+					<code>\ea2b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-award"></i>
+				<strong>award</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-award</code><br>
+					<code>\ea2c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-backspace"></i>
+				<strong>backspace</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-backspace</code><br>
+					<code>\ea2d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-ban"></i>
+				<strong>ban</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-ban</code><br>
+					<code>\ea2e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-battery-1"></i>
+				<strong>battery-1</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-battery-1</code><br>
+					<code>\ea2f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-battery-2"></i>
+				<strong>battery-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-battery-2</code><br>
+					<code>\ea30</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-battery-3"></i>
+				<strong>battery-3</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-battery-3</code><br>
+					<code>\ea31</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-battery-4"></i>
+				<strong>battery-4</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-battery-4</code><br>
+					<code>\ea32</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-battery-charging"></i>
+				<strong>battery-charging</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-battery-charging</code><br>
+					<code>\ea33</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-battery"></i>
+				<strong>battery</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-battery</code><br>
+					<code>\ea34</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bell"></i>
+				<strong>bell</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bell</code><br>
+					<code>\ea35</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bike"></i>
+				<strong>bike</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bike</code><br>
+					<code>\ea36</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bluetooth"></i>
+				<strong>bluetooth</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bluetooth</code><br>
+					<code>\ea37</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bolt"></i>
+				<strong>bolt</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bolt</code><br>
+					<code>\ea38</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-book"></i>
+				<strong>book</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-book</code><br>
+					<code>\ea39</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bookmark"></i>
+				<strong>bookmark</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bookmark</code><br>
+					<code>\ea3a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-all"></i>
+				<strong>border-all</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-all</code><br>
+					<code>\ea3b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-bottom"></i>
+				<strong>border-bottom</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-bottom</code><br>
+					<code>\ea3c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-horizontal"></i>
+				<strong>border-horizontal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-horizontal</code><br>
+					<code>\ea3d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-inner"></i>
+				<strong>border-inner</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-inner</code><br>
+					<code>\ea3e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-left"></i>
+				<strong>border-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-left</code><br>
+					<code>\ea3f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-none"></i>
+				<strong>border-none</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-none</code><br>
+					<code>\ea40</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-outer"></i>
+				<strong>border-outer</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-outer</code><br>
+					<code>\ea41</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-right"></i>
+				<strong>border-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-right</code><br>
+					<code>\ea42</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-top"></i>
+				<strong>border-top</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-top</code><br>
+					<code>\ea43</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-border-vertical"></i>
+				<strong>border-vertical</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-border-vertical</code><br>
+					<code>\ea44</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-box"></i>
+				<strong>box</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-box</code><br>
+					<code>\ea45</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-briefcase"></i>
+				<strong>briefcase</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-briefcase</code><br>
+					<code>\ea46</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bucket"></i>
+				<strong>bucket</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bucket</code><br>
+					<code>\ea47</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bug"></i>
+				<strong>bug</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bug</code><br>
+					<code>\ea48</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building-arch"></i>
+				<strong>building-arch</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building-arch</code><br>
+					<code>\ea49</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building-bridge-2"></i>
+				<strong>building-bridge-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building-bridge-2</code><br>
+					<code>\ea4a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building-bridge"></i>
+				<strong>building-bridge</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building-bridge</code><br>
+					<code>\ea4b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building-church"></i>
+				<strong>building-church</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building-church</code><br>
+					<code>\ea4c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building-hospital"></i>
+				<strong>building-hospital</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building-hospital</code><br>
+					<code>\ea4d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building-store"></i>
+				<strong>building-store</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building-store</code><br>
+					<code>\ea4e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-building"></i>
+				<strong>building</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-building</code><br>
+					<code>\ea4f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bulb-off"></i>
+				<strong>bulb-off</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bulb-off</code><br>
+					<code>\ea50</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-bulb"></i>
+				<strong>bulb</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-bulb</code><br>
+					<code>\ea51</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-calendar-event"></i>
+				<strong>calendar-event</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-calendar-event</code><br>
+					<code>\ea52</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-calendar"></i>
+				<strong>calendar</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-calendar</code><br>
+					<code>\ea53</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-camera"></i>
+				<strong>camera</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-camera</code><br>
+					<code>\ea54</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cash"></i>
+				<strong>cash</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cash</code><br>
+					<code>\ea55</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cast"></i>
+				<strong>cast</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cast</code><br>
+					<code>\ea56</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-area-line"></i>
+				<strong>chart-area-line</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-area-line</code><br>
+					<code>\ea57</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-area"></i>
+				<strong>chart-area</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-area</code><br>
+					<code>\ea58</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-bar"></i>
+				<strong>chart-bar</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-bar</code><br>
+					<code>\ea59</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-candle"></i>
+				<strong>chart-candle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-candle</code><br>
+					<code>\ea5a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-donut"></i>
+				<strong>chart-donut</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-donut</code><br>
+					<code>\ea5b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-line"></i>
+				<strong>chart-line</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-line</code><br>
+					<code>\ea5c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chart-pie"></i>
+				<strong>chart-pie</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chart-pie</code><br>
+					<code>\ea5d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-check"></i>
+				<strong>check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-check</code><br>
+					<code>\ea5e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevron-down"></i>
+				<strong>chevron-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevron-down</code><br>
+					<code>\ea5f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevron-left"></i>
+				<strong>chevron-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevron-left</code><br>
+					<code>\ea60</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevron-right"></i>
+				<strong>chevron-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevron-right</code><br>
+					<code>\ea61</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevron-up"></i>
+				<strong>chevron-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevron-up</code><br>
+					<code>\ea62</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevrons-down"></i>
+				<strong>chevrons-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevrons-down</code><br>
+					<code>\ea63</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevrons-left"></i>
+				<strong>chevrons-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevrons-left</code><br>
+					<code>\ea64</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevrons-right"></i>
+				<strong>chevrons-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevrons-right</code><br>
+					<code>\ea65</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-chevrons-up"></i>
+				<strong>chevrons-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-chevrons-up</code><br>
+					<code>\ea66</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-circle-check"></i>
+				<strong>circle-check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-circle-check</code><br>
+					<code>\ea67</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-circle-minus"></i>
+				<strong>circle-minus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-circle-minus</code><br>
+					<code>\ea68</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-circle-plus"></i>
+				<strong>circle-plus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-circle-plus</code><br>
+					<code>\ea69</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-circle-x"></i>
+				<strong>circle-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-circle-x</code><br>
+					<code>\ea6a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-circle"></i>
+				<strong>circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-circle</code><br>
+					<code>\ea6b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-clipboard-check"></i>
+				<strong>clipboard-check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-clipboard-check</code><br>
+					<code>\ea6c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-clipboard-list"></i>
+				<strong>clipboard-list</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-clipboard-list</code><br>
+					<code>\ea6d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-clipboard-x"></i>
+				<strong>clipboard-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-clipboard-x</code><br>
+					<code>\ea6e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-clipboard"></i>
+				<strong>clipboard</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-clipboard</code><br>
+					<code>\ea6f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-clock"></i>
+				<strong>clock</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-clock</code><br>
+					<code>\ea70</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cloud-download"></i>
+				<strong>cloud-download</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cloud-download</code><br>
+					<code>\ea71</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cloud-rain"></i>
+				<strong>cloud-rain</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cloud-rain</code><br>
+					<code>\ea72</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cloud-snow"></i>
+				<strong>cloud-snow</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cloud-snow</code><br>
+					<code>\ea73</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cloud-storm"></i>
+				<strong>cloud-storm</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cloud-storm</code><br>
+					<code>\ea74</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cloud-upload"></i>
+				<strong>cloud-upload</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cloud-upload</code><br>
+					<code>\ea75</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cloud"></i>
+				<strong>cloud</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cloud</code><br>
+					<code>\ea76</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-code"></i>
+				<strong>code</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-code</code><br>
+					<code>\ea77</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-command"></i>
+				<strong>command</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-command</code><br>
+					<code>\ea78</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-compass"></i>
+				<strong>compass</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-compass</code><br>
+					<code>\ea79</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-copy"></i>
+				<strong>copy</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-copy</code><br>
+					<code>\ea7a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-copyright"></i>
+				<strong>copyright</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-copyright</code><br>
+					<code>\ea7b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-down-left"></i>
+				<strong>corner-down-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-down-left</code><br>
+					<code>\ea7c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-down-right"></i>
+				<strong>corner-down-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-down-right</code><br>
+					<code>\ea7d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-left-down"></i>
+				<strong>corner-left-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-left-down</code><br>
+					<code>\ea7e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-left-up"></i>
+				<strong>corner-left-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-left-up</code><br>
+					<code>\ea7f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-right-down"></i>
+				<strong>corner-right-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-right-down</code><br>
+					<code>\ea80</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-right-up"></i>
+				<strong>corner-right-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-right-up</code><br>
+					<code>\ea81</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-up-left"></i>
+				<strong>corner-up-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-up-left</code><br>
+					<code>\ea82</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-corner-up-right"></i>
+				<strong>corner-up-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-corner-up-right</code><br>
+					<code>\ea83</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-credit-card"></i>
+				<strong>credit-card</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-credit-card</code><br>
+					<code>\ea84</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-crop"></i>
+				<strong>crop</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-crop</code><br>
+					<code>\ea85</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-cut"></i>
+				<strong>cut</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-cut</code><br>
+					<code>\ea86</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-dashboard"></i>
+				<strong>dashboard</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-dashboard</code><br>
+					<code>\ea87</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-database"></i>
+				<strong>database</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-database</code><br>
+					<code>\ea88</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-device-desktop"></i>
+				<strong>device-desktop</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-device-desktop</code><br>
+					<code>\ea89</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-device-mobile"></i>
+				<strong>device-mobile</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-device-mobile</code><br>
+					<code>\ea8a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-device-speaker"></i>
+				<strong>device-speaker</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-device-speaker</code><br>
+					<code>\ea8b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-device-tablet"></i>
+				<strong>device-tablet</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-device-tablet</code><br>
+					<code>\ea8c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-device-tv"></i>
+				<strong>device-tv</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-device-tv</code><br>
+					<code>\ea8d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-directions"></i>
+				<strong>directions</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-directions</code><br>
+					<code>\ea8e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-disabled"></i>
+				<strong>disabled</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-disabled</code><br>
+					<code>\ea8f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-disc"></i>
+				<strong>disc</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-disc</code><br>
+					<code>\ea90</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-dots-circle-horizontal"></i>
+				<strong>dots-circle-horizontal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-dots-circle-horizontal</code><br>
+					<code>\ea91</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-dots-diagonal-2"></i>
+				<strong>dots-diagonal-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-dots-diagonal-2</code><br>
+					<code>\ea92</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-dots-diagonal"></i>
+				<strong>dots-diagonal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-dots-diagonal</code><br>
+					<code>\ea93</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-dots-vertical"></i>
+				<strong>dots-vertical</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-dots-vertical</code><br>
+					<code>\ea94</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-dots"></i>
+				<strong>dots</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-dots</code><br>
+					<code>\ea95</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-download"></i>
+				<strong>download</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-download</code><br>
+					<code>\ea96</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-droplet"></i>
+				<strong>droplet</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-droplet</code><br>
+					<code>\ea97</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-edit"></i>
+				<strong>edit</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-edit</code><br>
+					<code>\ea98</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-external-link"></i>
+				<strong>external-link</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-external-link</code><br>
+					<code>\ea99</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-eye"></i>
+				<strong>eye</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-eye</code><br>
+					<code>\ea9a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-face-id"></i>
+				<strong>face-id</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-face-id</code><br>
+					<code>\ea9b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-check"></i>
+				<strong>file-check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-check</code><br>
+					<code>\ea9c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-download"></i>
+				<strong>file-download</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-download</code><br>
+					<code>\ea9d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-minus"></i>
+				<strong>file-minus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-minus</code><br>
+					<code>\ea9e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-music"></i>
+				<strong>file-music</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-music</code><br>
+					<code>\ea9f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-plus"></i>
+				<strong>file-plus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-plus</code><br>
+					<code>\eaa0</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-shredder"></i>
+				<strong>file-shredder</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-shredder</code><br>
+					<code>\eaa1</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-text"></i>
+				<strong>file-text</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-text</code><br>
+					<code>\eaa2</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file-x"></i>
+				<strong>file-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file-x</code><br>
+					<code>\eaa3</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-file"></i>
+				<strong>file</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-file</code><br>
+					<code>\eaa4</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-filter"></i>
+				<strong>filter</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-filter</code><br>
+					<code>\eaa5</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-flag"></i>
+				<strong>flag</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-flag</code><br>
+					<code>\eaa6</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-flip-horizontal"></i>
+				<strong>flip-horizontal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-flip-horizontal</code><br>
+					<code>\eaa7</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-flip-vertical"></i>
+				<strong>flip-vertical</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-flip-vertical</code><br>
+					<code>\eaa8</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-floppy-disk"></i>
+				<strong>floppy-disk</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-floppy-disk</code><br>
+					<code>\eaa9</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-folder-minus"></i>
+				<strong>folder-minus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-folder-minus</code><br>
+					<code>\eaaa</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-folder-plus"></i>
+				<strong>folder-plus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-folder-plus</code><br>
+					<code>\eaab</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-folder-x"></i>
+				<strong>folder-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-folder-x</code><br>
+					<code>\eaac</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-folder"></i>
+				<strong>folder</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-folder</code><br>
+					<code>\eaad</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-folders"></i>
+				<strong>folders</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-folders</code><br>
+					<code>\eaae</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-frame"></i>
+				<strong>frame</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-frame</code><br>
+					<code>\eaaf</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-friends"></i>
+				<strong>friends</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-friends</code><br>
+					<code>\eab0</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-gauge"></i>
+				<strong>gauge</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-gauge</code><br>
+					<code>\eab1</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-git-branch"></i>
+				<strong>git-branch</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-git-branch</code><br>
+					<code>\eab2</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-git-commit"></i>
+				<strong>git-commit</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-git-commit</code><br>
+					<code>\eab3</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-git-compare"></i>
+				<strong>git-compare</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-git-compare</code><br>
+					<code>\eab4</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-git-merge"></i>
+				<strong>git-merge</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-git-merge</code><br>
+					<code>\eab5</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-git-pull-request"></i>
+				<strong>git-pull-request</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-git-pull-request</code><br>
+					<code>\eab6</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-glass-full"></i>
+				<strong>glass-full</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-glass-full</code><br>
+					<code>\eab7</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-glass"></i>
+				<strong>glass</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-glass</code><br>
+					<code>\eab8</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-globe"></i>
+				<strong>globe</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-globe</code><br>
+					<code>\eab9</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-grid-dots"></i>
+				<strong>grid-dots</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-grid-dots</code><br>
+					<code>\eaba</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-grid"></i>
+				<strong>grid</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-grid</code><br>
+					<code>\eabb</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-hash"></i>
+				<strong>hash</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-hash</code><br>
+					<code>\eabc</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-headphones"></i>
+				<strong>headphones</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-headphones</code><br>
+					<code>\eabd</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-heart"></i>
+				<strong>heart</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-heart</code><br>
+					<code>\eabe</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-help"></i>
+				<strong>help</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-help</code><br>
+					<code>\eabf</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-home-2"></i>
+				<strong>home-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-home-2</code><br>
+					<code>\eac0</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-home"></i>
+				<strong>home</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-home</code><br>
+					<code>\eac1</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-ice-cream"></i>
+				<strong>ice-cream</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-ice-cream</code><br>
+					<code>\eac2</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-id"></i>
+				<strong>id</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-id</code><br>
+					<code>\eac3</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-inbox"></i>
+				<strong>inbox</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-inbox</code><br>
+					<code>\eac4</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-info-circle"></i>
+				<strong>info-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-info-circle</code><br>
+					<code>\eac5</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-info-square"></i>
+				<strong>info-square</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-info-square</code><br>
+					<code>\eac6</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-key"></i>
+				<strong>key</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-key</code><br>
+					<code>\eac7</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layers-difference"></i>
+				<strong>layers-difference</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layers-difference</code><br>
+					<code>\eac8</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layers-intersect"></i>
+				<strong>layers-intersect</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layers-intersect</code><br>
+					<code>\eac9</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layers-subtract"></i>
+				<strong>layers-subtract</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layers-subtract</code><br>
+					<code>\eaca</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layers-union"></i>
+				<strong>layers-union</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layers-union</code><br>
+					<code>\eacb</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-2"></i>
+				<strong>layout-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-2</code><br>
+					<code>\eacc</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-align-bottom"></i>
+				<strong>layout-align-bottom</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-align-bottom</code><br>
+					<code>\eacd</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-align-center"></i>
+				<strong>layout-align-center</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-align-center</code><br>
+					<code>\eace</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-align-left"></i>
+				<strong>layout-align-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-align-left</code><br>
+					<code>\eacf</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-align-middle"></i>
+				<strong>layout-align-middle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-align-middle</code><br>
+					<code>\ead0</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-align-right"></i>
+				<strong>layout-align-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-align-right</code><br>
+					<code>\ead1</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-align-top"></i>
+				<strong>layout-align-top</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-align-top</code><br>
+					<code>\ead2</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-bottombar"></i>
+				<strong>layout-bottombar</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-bottombar</code><br>
+					<code>\ead3</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-columns"></i>
+				<strong>layout-columns</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-columns</code><br>
+					<code>\ead4</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-distribute-horizontal"></i>
+				<strong>layout-distribute-horizontal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-distribute-horizontal</code><br>
+					<code>\ead5</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-distribute-vertical"></i>
+				<strong>layout-distribute-vertical</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-distribute-vertical</code><br>
+					<code>\ead6</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-navbar"></i>
+				<strong>layout-navbar</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-navbar</code><br>
+					<code>\ead7</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-rows"></i>
+				<strong>layout-rows</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-rows</code><br>
+					<code>\ead8</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-sidebar-right"></i>
+				<strong>layout-sidebar-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-sidebar-right</code><br>
+					<code>\ead9</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout-sidebar"></i>
+				<strong>layout-sidebar</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout-sidebar</code><br>
+					<code>\eada</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-layout"></i>
+				<strong>layout</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-layout</code><br>
+					<code>\eadb</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-lego"></i>
+				<strong>lego</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-lego</code><br>
+					<code>\eadc</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-lifebuoy"></i>
+				<strong>lifebuoy</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-lifebuoy</code><br>
+					<code>\eadd</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-link"></i>
+				<strong>link</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-link</code><br>
+					<code>\eade</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-live-photo"></i>
+				<strong>live-photo</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-live-photo</code><br>
+					<code>\eadf</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-location"></i>
+				<strong>location</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-location</code><br>
+					<code>\eae0</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-lock-open"></i>
+				<strong>lock-open</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-lock-open</code><br>
+					<code>\eae1</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-lock"></i>
+				<strong>lock</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-lock</code><br>
+					<code>\eae2</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-magnet"></i>
+				<strong>magnet</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-magnet</code><br>
+					<code>\eae3</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mail-opened"></i>
+				<strong>mail-opened</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mail-opened</code><br>
+					<code>\eae4</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mail"></i>
+				<strong>mail</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mail</code><br>
+					<code>\eae5</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-man"></i>
+				<strong>man</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-man</code><br>
+					<code>\eae6</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-map-2"></i>
+				<strong>map-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-map-2</code><br>
+					<code>\eae7</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-map-pin"></i>
+				<strong>map-pin</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-map-pin</code><br>
+					<code>\eae8</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-map"></i>
+				<strong>map</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-map</code><br>
+					<code>\eae9</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-maximize"></i>
+				<strong>maximize</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-maximize</code><br>
+					<code>\eaea</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-menu"></i>
+				<strong>menu</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-menu</code><br>
+					<code>\eaeb</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-message-2"></i>
+				<strong>message-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-message-2</code><br>
+					<code>\eaec</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-message-circle"></i>
+				<strong>message-circle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-message-circle</code><br>
+					<code>\eaed</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-message-dots"></i>
+				<strong>message-dots</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-message-dots</code><br>
+					<code>\eaee</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-message"></i>
+				<strong>message</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-message</code><br>
+					<code>\eaef</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-microphone"></i>
+				<strong>microphone</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-microphone</code><br>
+					<code>\eaf0</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-minimize"></i>
+				<strong>minimize</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-minimize</code><br>
+					<code>\eaf1</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-minus"></i>
+				<strong>minus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-minus</code><br>
+					<code>\eaf2</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mood-confuzed"></i>
+				<strong>mood-confuzed</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mood-confuzed</code><br>
+					<code>\eaf3</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mood-happy"></i>
+				<strong>mood-happy</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mood-happy</code><br>
+					<code>\eaf4</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mood-neutral"></i>
+				<strong>mood-neutral</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mood-neutral</code><br>
+					<code>\eaf5</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mood-sad"></i>
+				<strong>mood-sad</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mood-sad</code><br>
+					<code>\eaf6</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mood-smile"></i>
+				<strong>mood-smile</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mood-smile</code><br>
+					<code>\eaf7</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-moon"></i>
+				<strong>moon</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-moon</code><br>
+					<code>\eaf8</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mouse"></i>
+				<strong>mouse</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mouse</code><br>
+					<code>\eaf9</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-movie"></i>
+				<strong>movie</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-movie</code><br>
+					<code>\eafa</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-mug"></i>
+				<strong>mug</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-mug</code><br>
+					<code>\eafb</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-music"></i>
+				<strong>music</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-music</code><br>
+					<code>\eafc</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-news"></i>
+				<strong>news</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-news</code><br>
+					<code>\eafd</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-notification"></i>
+				<strong>notification</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-notification</code><br>
+					<code>\eafe</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-package"></i>
+				<strong>package</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-package</code><br>
+					<code>\eaff</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-paint"></i>
+				<strong>paint</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-paint</code><br>
+					<code>\eb00</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-palette"></i>
+				<strong>palette</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-palette</code><br>
+					<code>\eb01</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-paperclip"></i>
+				<strong>paperclip</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-paperclip</code><br>
+					<code>\eb02</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-parking"></i>
+				<strong>parking</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-parking</code><br>
+					<code>\eb03</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-pencil"></i>
+				<strong>pencil</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-pencil</code><br>
+					<code>\eb04</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-phone-call"></i>
+				<strong>phone-call</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-phone-call</code><br>
+					<code>\eb05</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-phone-incoming"></i>
+				<strong>phone-incoming</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-phone-incoming</code><br>
+					<code>\eb06</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-phone-outgoing"></i>
+				<strong>phone-outgoing</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-phone-outgoing</code><br>
+					<code>\eb07</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-phone-pause"></i>
+				<strong>phone-pause</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-phone-pause</code><br>
+					<code>\eb08</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-phone"></i>
+				<strong>phone</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-phone</code><br>
+					<code>\eb09</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-photo"></i>
+				<strong>photo</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-photo</code><br>
+					<code>\eb0a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-plus"></i>
+				<strong>plus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-plus</code><br>
+					<code>\eb0b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-point"></i>
+				<strong>point</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-point</code><br>
+					<code>\eb0c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-power"></i>
+				<strong>power</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-power</code><br>
+					<code>\eb0d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-printer"></i>
+				<strong>printer</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-printer</code><br>
+					<code>\eb0e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-prompt"></i>
+				<strong>prompt</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-prompt</code><br>
+					<code>\eb0f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-puzzle"></i>
+				<strong>puzzle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-puzzle</code><br>
+					<code>\eb10</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-qrcode"></i>
+				<strong>qrcode</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-qrcode</code><br>
+					<code>\eb11</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-record-mail"></i>
+				<strong>record-mail</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-record-mail</code><br>
+					<code>\eb12</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-refresh"></i>
+				<strong>refresh</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-refresh</code><br>
+					<code>\eb13</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-registered"></i>
+				<strong>registered</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-registered</code><br>
+					<code>\eb14</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-rotate-clockwise"></i>
+				<strong>rotate-clockwise</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-rotate-clockwise</code><br>
+					<code>\eb15</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-rotate"></i>
+				<strong>rotate</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-rotate</code><br>
+					<code>\eb16</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-route"></i>
+				<strong>route</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-route</code><br>
+					<code>\eb17</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-router"></i>
+				<strong>router</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-router</code><br>
+					<code>\eb18</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-rss"></i>
+				<strong>rss</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-rss</code><br>
+					<code>\eb19</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-ruler"></i>
+				<strong>ruler</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-ruler</code><br>
+					<code>\eb1a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-scissors"></i>
+				<strong>scissors</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-scissors</code><br>
+					<code>\eb1b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-search"></i>
+				<strong>search</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-search</code><br>
+					<code>\eb1c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-selector"></i>
+				<strong>selector</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-selector</code><br>
+					<code>\eb1d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-send"></i>
+				<strong>send</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-send</code><br>
+					<code>\eb1e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-server"></i>
+				<strong>server</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-server</code><br>
+					<code>\eb1f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-settings"></i>
+				<strong>settings</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-settings</code><br>
+					<code>\eb20</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-share"></i>
+				<strong>share</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-share</code><br>
+					<code>\eb21</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-shield-check"></i>
+				<strong>shield-check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-shield-check</code><br>
+					<code>\eb22</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-shield-x"></i>
+				<strong>shield-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-shield-x</code><br>
+					<code>\eb23</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-shield"></i>
+				<strong>shield</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-shield</code><br>
+					<code>\eb24</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-shopping-cart"></i>
+				<strong>shopping-cart</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-shopping-cart</code><br>
+					<code>\eb25</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-sort-ascending"></i>
+				<strong>sort-ascending</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-sort-ascending</code><br>
+					<code>\eb26</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-sort-descending"></i>
+				<strong>sort-descending</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-sort-descending</code><br>
+					<code>\eb27</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-square-check"></i>
+				<strong>square-check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-square-check</code><br>
+					<code>\eb28</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-square-minus"></i>
+				<strong>square-minus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-square-minus</code><br>
+					<code>\eb29</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-square-plus"></i>
+				<strong>square-plus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-square-plus</code><br>
+					<code>\eb2a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-square-x"></i>
+				<strong>square-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-square-x</code><br>
+					<code>\eb2b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-square"></i>
+				<strong>square</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-square</code><br>
+					<code>\eb2c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-stack"></i>
+				<strong>stack</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-stack</code><br>
+					<code>\eb2d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-star"></i>
+				<strong>star</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-star</code><br>
+					<code>\eb2e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-sticker"></i>
+				<strong>sticker</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-sticker</code><br>
+					<code>\eb2f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-sun"></i>
+				<strong>sun</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-sun</code><br>
+					<code>\eb30</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-switch-horizontal"></i>
+				<strong>switch-horizontal</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-switch-horizontal</code><br>
+					<code>\eb31</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-switch-vertical"></i>
+				<strong>switch-vertical</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-switch-vertical</code><br>
+					<code>\eb32</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-switch"></i>
+				<strong>switch</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-switch</code><br>
+					<code>\eb33</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-tag"></i>
+				<strong>tag</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-tag</code><br>
+					<code>\eb34</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-target"></i>
+				<strong>target</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-target</code><br>
+					<code>\eb35</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-temperature-celsius"></i>
+				<strong>temperature-celsius</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-temperature-celsius</code><br>
+					<code>\eb36</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-temperature-fahrenheit"></i>
+				<strong>temperature-fahrenheit</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-temperature-fahrenheit</code><br>
+					<code>\eb37</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-temperature"></i>
+				<strong>temperature</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-temperature</code><br>
+					<code>\eb38</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-template"></i>
+				<strong>template</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-template</code><br>
+					<code>\eb39</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-test-pipe"></i>
+				<strong>test-pipe</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-test-pipe</code><br>
+					<code>\eb3a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-thumb-down"></i>
+				<strong>thumb-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-thumb-down</code><br>
+					<code>\eb3b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-thumb-up"></i>
+				<strong>thumb-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-thumb-up</code><br>
+					<code>\eb3c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-ticket"></i>
+				<strong>ticket</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-ticket</code><br>
+					<code>\eb3d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-toggle-left"></i>
+				<strong>toggle-left</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-toggle-left</code><br>
+					<code>\eb3e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-toggle-right"></i>
+				<strong>toggle-right</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-toggle-right</code><br>
+					<code>\eb3f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-tool"></i>
+				<strong>tool</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-tool</code><br>
+					<code>\eb40</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-trash"></i>
+				<strong>trash</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-trash</code><br>
+					<code>\eb41</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-trending-down"></i>
+				<strong>trending-down</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-trending-down</code><br>
+					<code>\eb42</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-trending-up"></i>
+				<strong>trending-up</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-trending-up</code><br>
+					<code>\eb43</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-triangle"></i>
+				<strong>triangle</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-triangle</code><br>
+					<code>\eb44</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-trophy"></i>
+				<strong>trophy</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-trophy</code><br>
+					<code>\eb45</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-unlink"></i>
+				<strong>unlink</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-unlink</code><br>
+					<code>\eb46</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-upload"></i>
+				<strong>upload</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-upload</code><br>
+					<code>\eb47</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-urgent"></i>
+				<strong>urgent</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-urgent</code><br>
+					<code>\eb48</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-user-check"></i>
+				<strong>user-check</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-user-check</code><br>
+					<code>\eb49</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-user-minus"></i>
+				<strong>user-minus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-user-minus</code><br>
+					<code>\eb4a</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-user-plus"></i>
+				<strong>user-plus</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-user-plus</code><br>
+					<code>\eb4b</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-user-x"></i>
+				<strong>user-x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-user-x</code><br>
+					<code>\eb4c</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-user"></i>
+				<strong>user</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-user</code><br>
+					<code>\eb4d</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-viewfinder"></i>
+				<strong>viewfinder</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-viewfinder</code><br>
+					<code>\eb4e</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-volume-2"></i>
+				<strong>volume-2</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-volume-2</code><br>
+					<code>\eb4f</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-volume-3"></i>
+				<strong>volume-3</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-volume-3</code><br>
+					<code>\eb50</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-volume"></i>
+				<strong>volume</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-volume</code><br>
+					<code>\eb51</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-wifi"></i>
+				<strong>wifi</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-wifi</code><br>
+					<code>\eb52</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-woman"></i>
+				<strong>woman</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-woman</code><br>
+					<code>\eb53</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-world"></i>
+				<strong>world</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-world</code><br>
+					<code>\eb54</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-x"></i>
+				<strong>x</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-x</code><br>
+					<code>\eb55</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-zoom-in"></i>
+				<strong>zoom-in</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-zoom-in</code><br>
+					<code>\eb56</code>
+				</div>
+			</div>
+			
+			<div class="tabler-icon">
+				<i class="ti ti-zoom-out"></i>
+				<strong>zoom-out</strong>
+				<div class="tabler-icon-codes">
+					<code>ti ti-zoom-out</code><br>
+					<code>\eb57</code>
+				</div>
+			</div>
+			
+		</div>
+	</div>
+</div>
+
+
+</body>
+</html>
diff --git a/iconfont/tabler-icons.min.css b/iconfont/tabler-icons.min.css
new file mode 100644
index 00000000..3619338a
--- /dev/null
+++ b/iconfont/tabler-icons.min.css
@@ -0,0 +1,4 @@
+@charset "UTF-8";/*!
+ * Tabler Icons 1.1.0 by tabler - https://tabler.io
+ * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
+ */@font-face{font-family:tabler-icons;font-style:normal;font-weight:400;src:url(fonts/tabler-icons.eot);src:url(fonts/tabler-icons.eot?#iefix) format("embedded-opentype"),url(fonts/tabler-icons.woff2) format("woff2"),url(fonts/tabler-icons.woff) format("woff"),url(fonts/tabler-icons.ttf) format("truetype")}.ti{font-family:tabler-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-activity:before{content:""}.ti-ad:before{content:""}.ti-adjustments:before{content:""}.ti-alarm:before{content:""}.ti-alert-circle:before{content:""}.ti-alert-triangle:before{content:""}.ti-align-center:before{content:""}.ti-align-justified:before{content:""}.ti-align-left:before{content:""}.ti-align-right:before{content:""}.ti-archive:before{content:""}.ti-arrow-back:before{content:""}.ti-arrow-bar-down:before{content:""}.ti-arrow-bar-left:before{content:""}.ti-arrow-bar-right:before{content:""}.ti-arrow-bar-up:before{content:""}.ti-arrow-down-circle:before{content:""}.ti-arrow-down-left-circle:before{content:""}.ti-arrow-down-left:before{content:""}.ti-arrow-down-right-circle:before{content:""}.ti-arrow-down-right:before{content:""}.ti-arrow-down:before{content:""}.ti-arrow-forward:before{content:""}.ti-arrow-left-circle:before{content:""}.ti-arrow-left:before{content:""}.ti-arrow-narrow-down:before{content:""}.ti-arrow-narrow-left:before{content:""}.ti-arrow-narrow-right:before{content:""}.ti-arrow-narrow-up:before{content:""}.ti-arrow-right-circle:before{content:""}.ti-arrow-right:before{content:""}.ti-arrow-up-circle:before{content:""}.ti-arrow-up-left-circle:before{content:""}.ti-arrow-up-left:before{content:""}.ti-arrow-up-right-circle:before{content:""}.ti-arrow-up-right:before{content:""}.ti-arrow-up:before{content:""}.ti-arrows-diagonal-2:before{content:""}.ti-arrows-diagonal:before{content:""}.ti-arrows-maximize:before{content:""}.ti-arrows-minimize:before{content:""}.ti-artboard:before{content:""}.ti-at:before{content:""}.ti-award:before{content:""}.ti-backspace:before{content:""}.ti-ban:before{content:""}.ti-battery-1:before{content:""}.ti-battery-2:before{content:""}.ti-battery-3:before{content:""}.ti-battery-4:before{content:""}.ti-battery-charging:before{content:""}.ti-battery:before{content:""}.ti-bell:before{content:""}.ti-bike:before{content:""}.ti-bluetooth:before{content:""}.ti-bolt:before{content:""}.ti-book:before{content:""}.ti-bookmark:before{content:""}.ti-border-all:before{content:""}.ti-border-bottom:before{content:""}.ti-border-horizontal:before{content:""}.ti-border-inner:before{content:""}.ti-border-left:before{content:""}.ti-border-none:before{content:""}.ti-border-outer:before{content:""}.ti-border-right:before{content:""}.ti-border-top:before{content:""}.ti-border-vertical:before{content:""}.ti-box:before{content:""}.ti-briefcase:before{content:""}.ti-bucket:before{content:""}.ti-bug:before{content:""}.ti-building-arch:before{content:""}.ti-building-bridge-2:before{content:""}.ti-building-bridge:before{content:""}.ti-building-church:before{content:""}.ti-building-hospital:before{content:""}.ti-building-store:before{content:""}.ti-building:before{content:""}.ti-bulb-off:before{content:""}.ti-bulb:before{content:""}.ti-calendar-event:before{content:""}.ti-calendar:before{content:""}.ti-camera:before{content:""}.ti-cash:before{content:""}.ti-cast:before{content:""}.ti-chart-area-line:before{content:""}.ti-chart-area:before{content:""}.ti-chart-bar:before{content:""}.ti-chart-candle:before{content:""}.ti-chart-donut:before{content:""}.ti-chart-line:before{content:""}.ti-chart-pie:before{content:""}.ti-check:before{content:""}.ti-chevron-down:before{content:""}.ti-chevron-left:before{content:""}.ti-chevron-right:before{content:""}.ti-chevron-up:before{content:""}.ti-chevrons-down:before{content:""}.ti-chevrons-left:before{content:""}.ti-chevrons-right:before{content:""}.ti-chevrons-up:before{content:""}.ti-circle-check:before{content:""}.ti-circle-minus:before{content:""}.ti-circle-plus:before{content:""}.ti-circle-x:before{content:""}.ti-circle:before{content:""}.ti-clipboard-check:before{content:""}.ti-clipboard-list:before{content:""}.ti-clipboard-x:before{content:""}.ti-clipboard:before{content:""}.ti-clock:before{content:""}.ti-cloud-download:before{content:""}.ti-cloud-rain:before{content:""}.ti-cloud-snow:before{content:""}.ti-cloud-storm:before{content:""}.ti-cloud-upload:before{content:""}.ti-cloud:before{content:""}.ti-code:before{content:""}.ti-command:before{content:""}.ti-compass:before{content:""}.ti-copy:before{content:""}.ti-copyright:before{content:""}.ti-corner-down-left:before{content:""}.ti-corner-down-right:before{content:""}.ti-corner-left-down:before{content:""}.ti-corner-left-up:before{content:""}.ti-corner-right-down:before{content:""}.ti-corner-right-up:before{content:""}.ti-corner-up-left:before{content:""}.ti-corner-up-right:before{content:""}.ti-credit-card:before{content:""}.ti-crop:before{content:""}.ti-cut:before{content:""}.ti-dashboard:before{content:""}.ti-database:before{content:""}.ti-device-desktop:before{content:""}.ti-device-mobile:before{content:""}.ti-device-speaker:before{content:""}.ti-device-tablet:before{content:""}.ti-device-tv:before{content:""}.ti-directions:before{content:""}.ti-disabled:before{content:""}.ti-disc:before{content:""}.ti-dots-circle-horizontal:before{content:""}.ti-dots-diagonal-2:before{content:""}.ti-dots-diagonal:before{content:""}.ti-dots-vertical:before{content:""}.ti-dots:before{content:""}.ti-download:before{content:""}.ti-droplet:before{content:""}.ti-edit:before{content:""}.ti-external-link:before{content:""}.ti-eye:before{content:""}.ti-face-id:before{content:""}.ti-file-check:before{content:""}.ti-file-download:before{content:""}.ti-file-minus:before{content:""}.ti-file-music:before{content:""}.ti-file-plus:before{content:""}.ti-file-shredder:before{content:""}.ti-file-text:before{content:""}.ti-file-x:before{content:""}.ti-file:before{content:""}.ti-filter:before{content:""}.ti-flag:before{content:""}.ti-flip-horizontal:before{content:""}.ti-flip-vertical:before{content:""}.ti-floppy-disk:before{content:""}.ti-folder-minus:before{content:""}.ti-folder-plus:before{content:""}.ti-folder-x:before{content:""}.ti-folder:before{content:""}.ti-folders:before{content:""}.ti-frame:before{content:""}.ti-friends:before{content:""}.ti-gauge:before{content:""}.ti-git-branch:before{content:""}.ti-git-commit:before{content:""}.ti-git-compare:before{content:""}.ti-git-merge:before{content:""}.ti-git-pull-request:before{content:""}.ti-glass-full:before{content:""}.ti-glass:before{content:""}.ti-globe:before{content:""}.ti-grid-dots:before{content:""}.ti-grid:before{content:""}.ti-hash:before{content:""}.ti-headphones:before{content:""}.ti-heart:before{content:""}.ti-help:before{content:""}.ti-home-2:before{content:""}.ti-home:before{content:""}.ti-ice-cream:before{content:""}.ti-id:before{content:""}.ti-inbox:before{content:""}.ti-info-circle:before{content:""}.ti-info-square:before{content:""}.ti-key:before{content:""}.ti-layers-difference:before{content:""}.ti-layers-intersect:before{content:""}.ti-layers-subtract:before{content:""}.ti-layers-union:before{content:""}.ti-layout-2:before{content:""}.ti-layout-align-bottom:before{content:""}.ti-layout-align-center:before{content:""}.ti-layout-align-left:before{content:""}.ti-layout-align-middle:before{content:""}.ti-layout-align-right:before{content:""}.ti-layout-align-top:before{content:""}.ti-layout-bottombar:before{content:""}.ti-layout-columns:before{content:""}.ti-layout-distribute-horizontal:before{content:""}.ti-layout-distribute-vertical:before{content:""}.ti-layout-navbar:before{content:""}.ti-layout-rows:before{content:""}.ti-layout-sidebar-right:before{content:""}.ti-layout-sidebar:before{content:""}.ti-layout:before{content:""}.ti-lego:before{content:""}.ti-lifebuoy:before{content:""}.ti-link:before{content:""}.ti-live-photo:before{content:""}.ti-location:before{content:""}.ti-lock-open:before{content:""}.ti-lock:before{content:""}.ti-magnet:before{content:""}.ti-mail-opened:before{content:""}.ti-mail:before{content:""}.ti-man:before{content:""}.ti-map-2:before{content:""}.ti-map-pin:before{content:""}.ti-map:before{content:""}.ti-maximize:before{content:""}.ti-menu:before{content:""}.ti-message-2:before{content:""}.ti-message-circle:before{content:""}.ti-message-dots:before{content:""}.ti-message:before{content:""}.ti-microphone:before{content:""}.ti-minimize:before{content:""}.ti-minus:before{content:""}.ti-mood-confuzed:before{content:""}.ti-mood-happy:before{content:""}.ti-mood-neutral:before{content:""}.ti-mood-sad:before{content:""}.ti-mood-smile:before{content:""}.ti-moon:before{content:""}.ti-mouse:before{content:""}.ti-movie:before{content:""}.ti-mug:before{content:""}.ti-music:before{content:""}.ti-news:before{content:""}.ti-notification:before{content:""}.ti-package:before{content:""}.ti-paint:before{content:""}.ti-palette:before{content:""}.ti-paperclip:before{content:""}.ti-parking:before{content:""}.ti-pencil:before{content:""}.ti-phone-call:before{content:""}.ti-phone-incoming:before{content:""}.ti-phone-outgoing:before{content:""}.ti-phone-pause:before{content:""}.ti-phone:before{content:""}.ti-photo:before{content:""}.ti-plus:before{content:""}.ti-point:before{content:""}.ti-power:before{content:""}.ti-printer:before{content:""}.ti-prompt:before{content:""}.ti-puzzle:before{content:""}.ti-qrcode:before{content:""}.ti-record-mail:before{content:""}.ti-refresh:before{content:""}.ti-registered:before{content:""}.ti-rotate-clockwise:before{content:""}.ti-rotate:before{content:""}.ti-route:before{content:""}.ti-router:before{content:""}.ti-rss:before{content:""}.ti-ruler:before{content:""}.ti-scissors:before{content:""}.ti-search:before{content:""}.ti-selector:before{content:""}.ti-send:before{content:""}.ti-server:before{content:""}.ti-settings:before{content:""}.ti-share:before{content:""}.ti-shield-check:before{content:""}.ti-shield-x:before{content:""}.ti-shield:before{content:""}.ti-shopping-cart:before{content:""}.ti-sort-ascending:before{content:""}.ti-sort-descending:before{content:""}.ti-square-check:before{content:""}.ti-square-minus:before{content:""}.ti-square-plus:before{content:""}.ti-square-x:before{content:""}.ti-square:before{content:""}.ti-stack:before{content:""}.ti-star:before{content:""}.ti-sticker:before{content:""}.ti-sun:before{content:""}.ti-switch-horizontal:before{content:""}.ti-switch-vertical:before{content:""}.ti-switch:before{content:""}.ti-tag:before{content:""}.ti-target:before{content:""}.ti-temperature-celsius:before{content:""}.ti-temperature-fahrenheit:before{content:""}.ti-temperature:before{content:""}.ti-template:before{content:""}.ti-test-pipe:before{content:""}.ti-thumb-down:before{content:""}.ti-thumb-up:before{content:""}.ti-ticket:before{content:""}.ti-toggle-left:before{content:""}.ti-toggle-right:before{content:""}.ti-tool:before{content:""}.ti-trash:before{content:""}.ti-trending-down:before{content:""}.ti-trending-up:before{content:""}.ti-triangle:before{content:""}.ti-trophy:before{content:""}.ti-unlink:before{content:""}.ti-upload:before{content:""}.ti-urgent:before{content:""}.ti-user-check:before{content:""}.ti-user-minus:before{content:""}.ti-user-plus:before{content:""}.ti-user-x:before{content:""}.ti-user:before{content:""}.ti-viewfinder:before{content:""}.ti-volume-2:before{content:""}.ti-volume-3:before{content:""}.ti-volume:before{content:""}.ti-wifi:before{content:""}.ti-woman:before{content:""}.ti-world:before{content:""}.ti-x:before{content:""}.ti-zoom-in:before{content:""}.ti-zoom-out:before{content:""}
\ No newline at end of file
diff --git a/iconfont/tabler-icons.scss b/iconfont/tabler-icons.scss
new file mode 100644
index 00000000..98168698
--- /dev/null
+++ b/iconfont/tabler-icons.scss
@@ -0,0 +1,724 @@
+/*!
+ * Tabler Icons 1.1.0 by tabler - https://tabler.io
+ * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
+ */
+$ti-font-family: 'tabler-icons' !default;
+$ti-font-path: './fonts' !default;
+$ti-font-display: null !default;
+$ti-icon-prefix: 'ti' !default;
+
+@font-face {
+  font-family: $ti-font-family;
+  font-style: normal;
+  font-weight: 400;
+  font-display: $ti-font-display;
+  src: url('#{$ti-font-path}/tabler-icons.eot');
+  src: url('#{$ti-font-path}/tabler-icons.eot?#iefix') format('embedded-opentype'),
+    url('#{$ti-font-path}/tabler-icons.woff2') format('woff2'),
+    url('#{$ti-font-path}/tabler-icons.woff') format('woff'),
+    url('#{$ti-font-path}/tabler-icons.ttf') format('truetype');
+}
+
+.#{$ti-icon-prefix} {
+  font-family: $ti-font-family !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+
+$ti-icon-activity: '\ea01';
+$ti-icon-ad: '\ea02';
+$ti-icon-adjustments: '\ea03';
+$ti-icon-alarm: '\ea04';
+$ti-icon-alert-circle: '\ea05';
+$ti-icon-alert-triangle: '\ea06';
+$ti-icon-align-center: '\ea07';
+$ti-icon-align-justified: '\ea08';
+$ti-icon-align-left: '\ea09';
+$ti-icon-align-right: '\ea0a';
+$ti-icon-archive: '\ea0b';
+$ti-icon-arrow-back: '\ea0c';
+$ti-icon-arrow-bar-down: '\ea0d';
+$ti-icon-arrow-bar-left: '\ea0e';
+$ti-icon-arrow-bar-right: '\ea0f';
+$ti-icon-arrow-bar-up: '\ea10';
+$ti-icon-arrow-down-circle: '\ea11';
+$ti-icon-arrow-down-left-circle: '\ea12';
+$ti-icon-arrow-down-left: '\ea13';
+$ti-icon-arrow-down-right-circle: '\ea14';
+$ti-icon-arrow-down-right: '\ea15';
+$ti-icon-arrow-down: '\ea16';
+$ti-icon-arrow-forward: '\ea17';
+$ti-icon-arrow-left-circle: '\ea18';
+$ti-icon-arrow-left: '\ea19';
+$ti-icon-arrow-narrow-down: '\ea1a';
+$ti-icon-arrow-narrow-left: '\ea1b';
+$ti-icon-arrow-narrow-right: '\ea1c';
+$ti-icon-arrow-narrow-up: '\ea1d';
+$ti-icon-arrow-right-circle: '\ea1e';
+$ti-icon-arrow-right: '\ea1f';
+$ti-icon-arrow-up-circle: '\ea20';
+$ti-icon-arrow-up-left-circle: '\ea21';
+$ti-icon-arrow-up-left: '\ea22';
+$ti-icon-arrow-up-right-circle: '\ea23';
+$ti-icon-arrow-up-right: '\ea24';
+$ti-icon-arrow-up: '\ea25';
+$ti-icon-arrows-diagonal-2: '\ea26';
+$ti-icon-arrows-diagonal: '\ea27';
+$ti-icon-arrows-maximize: '\ea28';
+$ti-icon-arrows-minimize: '\ea29';
+$ti-icon-artboard: '\ea2a';
+$ti-icon-at: '\ea2b';
+$ti-icon-award: '\ea2c';
+$ti-icon-backspace: '\ea2d';
+$ti-icon-ban: '\ea2e';
+$ti-icon-battery-1: '\ea2f';
+$ti-icon-battery-2: '\ea30';
+$ti-icon-battery-3: '\ea31';
+$ti-icon-battery-4: '\ea32';
+$ti-icon-battery-charging: '\ea33';
+$ti-icon-battery: '\ea34';
+$ti-icon-bell: '\ea35';
+$ti-icon-bike: '\ea36';
+$ti-icon-bluetooth: '\ea37';
+$ti-icon-bolt: '\ea38';
+$ti-icon-book: '\ea39';
+$ti-icon-bookmark: '\ea3a';
+$ti-icon-border-all: '\ea3b';
+$ti-icon-border-bottom: '\ea3c';
+$ti-icon-border-horizontal: '\ea3d';
+$ti-icon-border-inner: '\ea3e';
+$ti-icon-border-left: '\ea3f';
+$ti-icon-border-none: '\ea40';
+$ti-icon-border-outer: '\ea41';
+$ti-icon-border-right: '\ea42';
+$ti-icon-border-top: '\ea43';
+$ti-icon-border-vertical: '\ea44';
+$ti-icon-box: '\ea45';
+$ti-icon-briefcase: '\ea46';
+$ti-icon-bucket: '\ea47';
+$ti-icon-bug: '\ea48';
+$ti-icon-building-arch: '\ea49';
+$ti-icon-building-bridge-2: '\ea4a';
+$ti-icon-building-bridge: '\ea4b';
+$ti-icon-building-church: '\ea4c';
+$ti-icon-building-hospital: '\ea4d';
+$ti-icon-building-store: '\ea4e';
+$ti-icon-building: '\ea4f';
+$ti-icon-bulb-off: '\ea50';
+$ti-icon-bulb: '\ea51';
+$ti-icon-calendar-event: '\ea52';
+$ti-icon-calendar: '\ea53';
+$ti-icon-camera: '\ea54';
+$ti-icon-cash: '\ea55';
+$ti-icon-cast: '\ea56';
+$ti-icon-chart-area-line: '\ea57';
+$ti-icon-chart-area: '\ea58';
+$ti-icon-chart-bar: '\ea59';
+$ti-icon-chart-candle: '\ea5a';
+$ti-icon-chart-donut: '\ea5b';
+$ti-icon-chart-line: '\ea5c';
+$ti-icon-chart-pie: '\ea5d';
+$ti-icon-check: '\ea5e';
+$ti-icon-chevron-down: '\ea5f';
+$ti-icon-chevron-left: '\ea60';
+$ti-icon-chevron-right: '\ea61';
+$ti-icon-chevron-up: '\ea62';
+$ti-icon-chevrons-down: '\ea63';
+$ti-icon-chevrons-left: '\ea64';
+$ti-icon-chevrons-right: '\ea65';
+$ti-icon-chevrons-up: '\ea66';
+$ti-icon-circle-check: '\ea67';
+$ti-icon-circle-minus: '\ea68';
+$ti-icon-circle-plus: '\ea69';
+$ti-icon-circle-x: '\ea6a';
+$ti-icon-circle: '\ea6b';
+$ti-icon-clipboard-check: '\ea6c';
+$ti-icon-clipboard-list: '\ea6d';
+$ti-icon-clipboard-x: '\ea6e';
+$ti-icon-clipboard: '\ea6f';
+$ti-icon-clock: '\ea70';
+$ti-icon-cloud-download: '\ea71';
+$ti-icon-cloud-rain: '\ea72';
+$ti-icon-cloud-snow: '\ea73';
+$ti-icon-cloud-storm: '\ea74';
+$ti-icon-cloud-upload: '\ea75';
+$ti-icon-cloud: '\ea76';
+$ti-icon-code: '\ea77';
+$ti-icon-command: '\ea78';
+$ti-icon-compass: '\ea79';
+$ti-icon-copy: '\ea7a';
+$ti-icon-copyright: '\ea7b';
+$ti-icon-corner-down-left: '\ea7c';
+$ti-icon-corner-down-right: '\ea7d';
+$ti-icon-corner-left-down: '\ea7e';
+$ti-icon-corner-left-up: '\ea7f';
+$ti-icon-corner-right-down: '\ea80';
+$ti-icon-corner-right-up: '\ea81';
+$ti-icon-corner-up-left: '\ea82';
+$ti-icon-corner-up-right: '\ea83';
+$ti-icon-credit-card: '\ea84';
+$ti-icon-crop: '\ea85';
+$ti-icon-cut: '\ea86';
+$ti-icon-dashboard: '\ea87';
+$ti-icon-database: '\ea88';
+$ti-icon-device-desktop: '\ea89';
+$ti-icon-device-mobile: '\ea8a';
+$ti-icon-device-speaker: '\ea8b';
+$ti-icon-device-tablet: '\ea8c';
+$ti-icon-device-tv: '\ea8d';
+$ti-icon-directions: '\ea8e';
+$ti-icon-disabled: '\ea8f';
+$ti-icon-disc: '\ea90';
+$ti-icon-dots-circle-horizontal: '\ea91';
+$ti-icon-dots-diagonal-2: '\ea92';
+$ti-icon-dots-diagonal: '\ea93';
+$ti-icon-dots-vertical: '\ea94';
+$ti-icon-dots: '\ea95';
+$ti-icon-download: '\ea96';
+$ti-icon-droplet: '\ea97';
+$ti-icon-edit: '\ea98';
+$ti-icon-external-link: '\ea99';
+$ti-icon-eye: '\ea9a';
+$ti-icon-face-id: '\ea9b';
+$ti-icon-file-check: '\ea9c';
+$ti-icon-file-download: '\ea9d';
+$ti-icon-file-minus: '\ea9e';
+$ti-icon-file-music: '\ea9f';
+$ti-icon-file-plus: '\eaa0';
+$ti-icon-file-shredder: '\eaa1';
+$ti-icon-file-text: '\eaa2';
+$ti-icon-file-x: '\eaa3';
+$ti-icon-file: '\eaa4';
+$ti-icon-filter: '\eaa5';
+$ti-icon-flag: '\eaa6';
+$ti-icon-flip-horizontal: '\eaa7';
+$ti-icon-flip-vertical: '\eaa8';
+$ti-icon-floppy-disk: '\eaa9';
+$ti-icon-folder-minus: '\eaaa';
+$ti-icon-folder-plus: '\eaab';
+$ti-icon-folder-x: '\eaac';
+$ti-icon-folder: '\eaad';
+$ti-icon-folders: '\eaae';
+$ti-icon-frame: '\eaaf';
+$ti-icon-friends: '\eab0';
+$ti-icon-gauge: '\eab1';
+$ti-icon-git-branch: '\eab2';
+$ti-icon-git-commit: '\eab3';
+$ti-icon-git-compare: '\eab4';
+$ti-icon-git-merge: '\eab5';
+$ti-icon-git-pull-request: '\eab6';
+$ti-icon-glass-full: '\eab7';
+$ti-icon-glass: '\eab8';
+$ti-icon-globe: '\eab9';
+$ti-icon-grid-dots: '\eaba';
+$ti-icon-grid: '\eabb';
+$ti-icon-hash: '\eabc';
+$ti-icon-headphones: '\eabd';
+$ti-icon-heart: '\eabe';
+$ti-icon-help: '\eabf';
+$ti-icon-home-2: '\eac0';
+$ti-icon-home: '\eac1';
+$ti-icon-ice-cream: '\eac2';
+$ti-icon-id: '\eac3';
+$ti-icon-inbox: '\eac4';
+$ti-icon-info-circle: '\eac5';
+$ti-icon-info-square: '\eac6';
+$ti-icon-key: '\eac7';
+$ti-icon-layers-difference: '\eac8';
+$ti-icon-layers-intersect: '\eac9';
+$ti-icon-layers-subtract: '\eaca';
+$ti-icon-layers-union: '\eacb';
+$ti-icon-layout-2: '\eacc';
+$ti-icon-layout-align-bottom: '\eacd';
+$ti-icon-layout-align-center: '\eace';
+$ti-icon-layout-align-left: '\eacf';
+$ti-icon-layout-align-middle: '\ead0';
+$ti-icon-layout-align-right: '\ead1';
+$ti-icon-layout-align-top: '\ead2';
+$ti-icon-layout-bottombar: '\ead3';
+$ti-icon-layout-columns: '\ead4';
+$ti-icon-layout-distribute-horizontal: '\ead5';
+$ti-icon-layout-distribute-vertical: '\ead6';
+$ti-icon-layout-navbar: '\ead7';
+$ti-icon-layout-rows: '\ead8';
+$ti-icon-layout-sidebar-right: '\ead9';
+$ti-icon-layout-sidebar: '\eada';
+$ti-icon-layout: '\eadb';
+$ti-icon-lego: '\eadc';
+$ti-icon-lifebuoy: '\eadd';
+$ti-icon-link: '\eade';
+$ti-icon-live-photo: '\eadf';
+$ti-icon-location: '\eae0';
+$ti-icon-lock-open: '\eae1';
+$ti-icon-lock: '\eae2';
+$ti-icon-magnet: '\eae3';
+$ti-icon-mail-opened: '\eae4';
+$ti-icon-mail: '\eae5';
+$ti-icon-man: '\eae6';
+$ti-icon-map-2: '\eae7';
+$ti-icon-map-pin: '\eae8';
+$ti-icon-map: '\eae9';
+$ti-icon-maximize: '\eaea';
+$ti-icon-menu: '\eaeb';
+$ti-icon-message-2: '\eaec';
+$ti-icon-message-circle: '\eaed';
+$ti-icon-message-dots: '\eaee';
+$ti-icon-message: '\eaef';
+$ti-icon-microphone: '\eaf0';
+$ti-icon-minimize: '\eaf1';
+$ti-icon-minus: '\eaf2';
+$ti-icon-mood-confuzed: '\eaf3';
+$ti-icon-mood-happy: '\eaf4';
+$ti-icon-mood-neutral: '\eaf5';
+$ti-icon-mood-sad: '\eaf6';
+$ti-icon-mood-smile: '\eaf7';
+$ti-icon-moon: '\eaf8';
+$ti-icon-mouse: '\eaf9';
+$ti-icon-movie: '\eafa';
+$ti-icon-mug: '\eafb';
+$ti-icon-music: '\eafc';
+$ti-icon-news: '\eafd';
+$ti-icon-notification: '\eafe';
+$ti-icon-package: '\eaff';
+$ti-icon-paint: '\eb00';
+$ti-icon-palette: '\eb01';
+$ti-icon-paperclip: '\eb02';
+$ti-icon-parking: '\eb03';
+$ti-icon-pencil: '\eb04';
+$ti-icon-phone-call: '\eb05';
+$ti-icon-phone-incoming: '\eb06';
+$ti-icon-phone-outgoing: '\eb07';
+$ti-icon-phone-pause: '\eb08';
+$ti-icon-phone: '\eb09';
+$ti-icon-photo: '\eb0a';
+$ti-icon-plus: '\eb0b';
+$ti-icon-point: '\eb0c';
+$ti-icon-power: '\eb0d';
+$ti-icon-printer: '\eb0e';
+$ti-icon-prompt: '\eb0f';
+$ti-icon-puzzle: '\eb10';
+$ti-icon-qrcode: '\eb11';
+$ti-icon-record-mail: '\eb12';
+$ti-icon-refresh: '\eb13';
+$ti-icon-registered: '\eb14';
+$ti-icon-rotate-clockwise: '\eb15';
+$ti-icon-rotate: '\eb16';
+$ti-icon-route: '\eb17';
+$ti-icon-router: '\eb18';
+$ti-icon-rss: '\eb19';
+$ti-icon-ruler: '\eb1a';
+$ti-icon-scissors: '\eb1b';
+$ti-icon-search: '\eb1c';
+$ti-icon-selector: '\eb1d';
+$ti-icon-send: '\eb1e';
+$ti-icon-server: '\eb1f';
+$ti-icon-settings: '\eb20';
+$ti-icon-share: '\eb21';
+$ti-icon-shield-check: '\eb22';
+$ti-icon-shield-x: '\eb23';
+$ti-icon-shield: '\eb24';
+$ti-icon-shopping-cart: '\eb25';
+$ti-icon-sort-ascending: '\eb26';
+$ti-icon-sort-descending: '\eb27';
+$ti-icon-square-check: '\eb28';
+$ti-icon-square-minus: '\eb29';
+$ti-icon-square-plus: '\eb2a';
+$ti-icon-square-x: '\eb2b';
+$ti-icon-square: '\eb2c';
+$ti-icon-stack: '\eb2d';
+$ti-icon-star: '\eb2e';
+$ti-icon-sticker: '\eb2f';
+$ti-icon-sun: '\eb30';
+$ti-icon-switch-horizontal: '\eb31';
+$ti-icon-switch-vertical: '\eb32';
+$ti-icon-switch: '\eb33';
+$ti-icon-tag: '\eb34';
+$ti-icon-target: '\eb35';
+$ti-icon-temperature-celsius: '\eb36';
+$ti-icon-temperature-fahrenheit: '\eb37';
+$ti-icon-temperature: '\eb38';
+$ti-icon-template: '\eb39';
+$ti-icon-test-pipe: '\eb3a';
+$ti-icon-thumb-down: '\eb3b';
+$ti-icon-thumb-up: '\eb3c';
+$ti-icon-ticket: '\eb3d';
+$ti-icon-toggle-left: '\eb3e';
+$ti-icon-toggle-right: '\eb3f';
+$ti-icon-tool: '\eb40';
+$ti-icon-trash: '\eb41';
+$ti-icon-trending-down: '\eb42';
+$ti-icon-trending-up: '\eb43';
+$ti-icon-triangle: '\eb44';
+$ti-icon-trophy: '\eb45';
+$ti-icon-unlink: '\eb46';
+$ti-icon-upload: '\eb47';
+$ti-icon-urgent: '\eb48';
+$ti-icon-user-check: '\eb49';
+$ti-icon-user-minus: '\eb4a';
+$ti-icon-user-plus: '\eb4b';
+$ti-icon-user-x: '\eb4c';
+$ti-icon-user: '\eb4d';
+$ti-icon-viewfinder: '\eb4e';
+$ti-icon-volume-2: '\eb4f';
+$ti-icon-volume-3: '\eb50';
+$ti-icon-volume: '\eb51';
+$ti-icon-wifi: '\eb52';
+$ti-icon-woman: '\eb53';
+$ti-icon-world: '\eb54';
+$ti-icon-x: '\eb55';
+$ti-icon-zoom-in: '\eb56';
+$ti-icon-zoom-out: '\eb57';
+
+
+.#{$ti-icon-prefix}-activity:before { content: $ti-icon-activity; }
+.#{$ti-icon-prefix}-ad:before { content: $ti-icon-ad; }
+.#{$ti-icon-prefix}-adjustments:before { content: $ti-icon-adjustments; }
+.#{$ti-icon-prefix}-alarm:before { content: $ti-icon-alarm; }
+.#{$ti-icon-prefix}-alert-circle:before { content: $ti-icon-alert-circle; }
+.#{$ti-icon-prefix}-alert-triangle:before { content: $ti-icon-alert-triangle; }
+.#{$ti-icon-prefix}-align-center:before { content: $ti-icon-align-center; }
+.#{$ti-icon-prefix}-align-justified:before { content: $ti-icon-align-justified; }
+.#{$ti-icon-prefix}-align-left:before { content: $ti-icon-align-left; }
+.#{$ti-icon-prefix}-align-right:before { content: $ti-icon-align-right; }
+.#{$ti-icon-prefix}-archive:before { content: $ti-icon-archive; }
+.#{$ti-icon-prefix}-arrow-back:before { content: $ti-icon-arrow-back; }
+.#{$ti-icon-prefix}-arrow-bar-down:before { content: $ti-icon-arrow-bar-down; }
+.#{$ti-icon-prefix}-arrow-bar-left:before { content: $ti-icon-arrow-bar-left; }
+.#{$ti-icon-prefix}-arrow-bar-right:before { content: $ti-icon-arrow-bar-right; }
+.#{$ti-icon-prefix}-arrow-bar-up:before { content: $ti-icon-arrow-bar-up; }
+.#{$ti-icon-prefix}-arrow-down-circle:before { content: $ti-icon-arrow-down-circle; }
+.#{$ti-icon-prefix}-arrow-down-left-circle:before { content: $ti-icon-arrow-down-left-circle; }
+.#{$ti-icon-prefix}-arrow-down-left:before { content: $ti-icon-arrow-down-left; }
+.#{$ti-icon-prefix}-arrow-down-right-circle:before { content: $ti-icon-arrow-down-right-circle; }
+.#{$ti-icon-prefix}-arrow-down-right:before { content: $ti-icon-arrow-down-right; }
+.#{$ti-icon-prefix}-arrow-down:before { content: $ti-icon-arrow-down; }
+.#{$ti-icon-prefix}-arrow-forward:before { content: $ti-icon-arrow-forward; }
+.#{$ti-icon-prefix}-arrow-left-circle:before { content: $ti-icon-arrow-left-circle; }
+.#{$ti-icon-prefix}-arrow-left:before { content: $ti-icon-arrow-left; }
+.#{$ti-icon-prefix}-arrow-narrow-down:before { content: $ti-icon-arrow-narrow-down; }
+.#{$ti-icon-prefix}-arrow-narrow-left:before { content: $ti-icon-arrow-narrow-left; }
+.#{$ti-icon-prefix}-arrow-narrow-right:before { content: $ti-icon-arrow-narrow-right; }
+.#{$ti-icon-prefix}-arrow-narrow-up:before { content: $ti-icon-arrow-narrow-up; }
+.#{$ti-icon-prefix}-arrow-right-circle:before { content: $ti-icon-arrow-right-circle; }
+.#{$ti-icon-prefix}-arrow-right:before { content: $ti-icon-arrow-right; }
+.#{$ti-icon-prefix}-arrow-up-circle:before { content: $ti-icon-arrow-up-circle; }
+.#{$ti-icon-prefix}-arrow-up-left-circle:before { content: $ti-icon-arrow-up-left-circle; }
+.#{$ti-icon-prefix}-arrow-up-left:before { content: $ti-icon-arrow-up-left; }
+.#{$ti-icon-prefix}-arrow-up-right-circle:before { content: $ti-icon-arrow-up-right-circle; }
+.#{$ti-icon-prefix}-arrow-up-right:before { content: $ti-icon-arrow-up-right; }
+.#{$ti-icon-prefix}-arrow-up:before { content: $ti-icon-arrow-up; }
+.#{$ti-icon-prefix}-arrows-diagonal-2:before { content: $ti-icon-arrows-diagonal-2; }
+.#{$ti-icon-prefix}-arrows-diagonal:before { content: $ti-icon-arrows-diagonal; }
+.#{$ti-icon-prefix}-arrows-maximize:before { content: $ti-icon-arrows-maximize; }
+.#{$ti-icon-prefix}-arrows-minimize:before { content: $ti-icon-arrows-minimize; }
+.#{$ti-icon-prefix}-artboard:before { content: $ti-icon-artboard; }
+.#{$ti-icon-prefix}-at:before { content: $ti-icon-at; }
+.#{$ti-icon-prefix}-award:before { content: $ti-icon-award; }
+.#{$ti-icon-prefix}-backspace:before { content: $ti-icon-backspace; }
+.#{$ti-icon-prefix}-ban:before { content: $ti-icon-ban; }
+.#{$ti-icon-prefix}-battery-1:before { content: $ti-icon-battery-1; }
+.#{$ti-icon-prefix}-battery-2:before { content: $ti-icon-battery-2; }
+.#{$ti-icon-prefix}-battery-3:before { content: $ti-icon-battery-3; }
+.#{$ti-icon-prefix}-battery-4:before { content: $ti-icon-battery-4; }
+.#{$ti-icon-prefix}-battery-charging:before { content: $ti-icon-battery-charging; }
+.#{$ti-icon-prefix}-battery:before { content: $ti-icon-battery; }
+.#{$ti-icon-prefix}-bell:before { content: $ti-icon-bell; }
+.#{$ti-icon-prefix}-bike:before { content: $ti-icon-bike; }
+.#{$ti-icon-prefix}-bluetooth:before { content: $ti-icon-bluetooth; }
+.#{$ti-icon-prefix}-bolt:before { content: $ti-icon-bolt; }
+.#{$ti-icon-prefix}-book:before { content: $ti-icon-book; }
+.#{$ti-icon-prefix}-bookmark:before { content: $ti-icon-bookmark; }
+.#{$ti-icon-prefix}-border-all:before { content: $ti-icon-border-all; }
+.#{$ti-icon-prefix}-border-bottom:before { content: $ti-icon-border-bottom; }
+.#{$ti-icon-prefix}-border-horizontal:before { content: $ti-icon-border-horizontal; }
+.#{$ti-icon-prefix}-border-inner:before { content: $ti-icon-border-inner; }
+.#{$ti-icon-prefix}-border-left:before { content: $ti-icon-border-left; }
+.#{$ti-icon-prefix}-border-none:before { content: $ti-icon-border-none; }
+.#{$ti-icon-prefix}-border-outer:before { content: $ti-icon-border-outer; }
+.#{$ti-icon-prefix}-border-right:before { content: $ti-icon-border-right; }
+.#{$ti-icon-prefix}-border-top:before { content: $ti-icon-border-top; }
+.#{$ti-icon-prefix}-border-vertical:before { content: $ti-icon-border-vertical; }
+.#{$ti-icon-prefix}-box:before { content: $ti-icon-box; }
+.#{$ti-icon-prefix}-briefcase:before { content: $ti-icon-briefcase; }
+.#{$ti-icon-prefix}-bucket:before { content: $ti-icon-bucket; }
+.#{$ti-icon-prefix}-bug:before { content: $ti-icon-bug; }
+.#{$ti-icon-prefix}-building-arch:before { content: $ti-icon-building-arch; }
+.#{$ti-icon-prefix}-building-bridge-2:before { content: $ti-icon-building-bridge-2; }
+.#{$ti-icon-prefix}-building-bridge:before { content: $ti-icon-building-bridge; }
+.#{$ti-icon-prefix}-building-church:before { content: $ti-icon-building-church; }
+.#{$ti-icon-prefix}-building-hospital:before { content: $ti-icon-building-hospital; }
+.#{$ti-icon-prefix}-building-store:before { content: $ti-icon-building-store; }
+.#{$ti-icon-prefix}-building:before { content: $ti-icon-building; }
+.#{$ti-icon-prefix}-bulb-off:before { content: $ti-icon-bulb-off; }
+.#{$ti-icon-prefix}-bulb:before { content: $ti-icon-bulb; }
+.#{$ti-icon-prefix}-calendar-event:before { content: $ti-icon-calendar-event; }
+.#{$ti-icon-prefix}-calendar:before { content: $ti-icon-calendar; }
+.#{$ti-icon-prefix}-camera:before { content: $ti-icon-camera; }
+.#{$ti-icon-prefix}-cash:before { content: $ti-icon-cash; }
+.#{$ti-icon-prefix}-cast:before { content: $ti-icon-cast; }
+.#{$ti-icon-prefix}-chart-area-line:before { content: $ti-icon-chart-area-line; }
+.#{$ti-icon-prefix}-chart-area:before { content: $ti-icon-chart-area; }
+.#{$ti-icon-prefix}-chart-bar:before { content: $ti-icon-chart-bar; }
+.#{$ti-icon-prefix}-chart-candle:before { content: $ti-icon-chart-candle; }
+.#{$ti-icon-prefix}-chart-donut:before { content: $ti-icon-chart-donut; }
+.#{$ti-icon-prefix}-chart-line:before { content: $ti-icon-chart-line; }
+.#{$ti-icon-prefix}-chart-pie:before { content: $ti-icon-chart-pie; }
+.#{$ti-icon-prefix}-check:before { content: $ti-icon-check; }
+.#{$ti-icon-prefix}-chevron-down:before { content: $ti-icon-chevron-down; }
+.#{$ti-icon-prefix}-chevron-left:before { content: $ti-icon-chevron-left; }
+.#{$ti-icon-prefix}-chevron-right:before { content: $ti-icon-chevron-right; }
+.#{$ti-icon-prefix}-chevron-up:before { content: $ti-icon-chevron-up; }
+.#{$ti-icon-prefix}-chevrons-down:before { content: $ti-icon-chevrons-down; }
+.#{$ti-icon-prefix}-chevrons-left:before { content: $ti-icon-chevrons-left; }
+.#{$ti-icon-prefix}-chevrons-right:before { content: $ti-icon-chevrons-right; }
+.#{$ti-icon-prefix}-chevrons-up:before { content: $ti-icon-chevrons-up; }
+.#{$ti-icon-prefix}-circle-check:before { content: $ti-icon-circle-check; }
+.#{$ti-icon-prefix}-circle-minus:before { content: $ti-icon-circle-minus; }
+.#{$ti-icon-prefix}-circle-plus:before { content: $ti-icon-circle-plus; }
+.#{$ti-icon-prefix}-circle-x:before { content: $ti-icon-circle-x; }
+.#{$ti-icon-prefix}-circle:before { content: $ti-icon-circle; }
+.#{$ti-icon-prefix}-clipboard-check:before { content: $ti-icon-clipboard-check; }
+.#{$ti-icon-prefix}-clipboard-list:before { content: $ti-icon-clipboard-list; }
+.#{$ti-icon-prefix}-clipboard-x:before { content: $ti-icon-clipboard-x; }
+.#{$ti-icon-prefix}-clipboard:before { content: $ti-icon-clipboard; }
+.#{$ti-icon-prefix}-clock:before { content: $ti-icon-clock; }
+.#{$ti-icon-prefix}-cloud-download:before { content: $ti-icon-cloud-download; }
+.#{$ti-icon-prefix}-cloud-rain:before { content: $ti-icon-cloud-rain; }
+.#{$ti-icon-prefix}-cloud-snow:before { content: $ti-icon-cloud-snow; }
+.#{$ti-icon-prefix}-cloud-storm:before { content: $ti-icon-cloud-storm; }
+.#{$ti-icon-prefix}-cloud-upload:before { content: $ti-icon-cloud-upload; }
+.#{$ti-icon-prefix}-cloud:before { content: $ti-icon-cloud; }
+.#{$ti-icon-prefix}-code:before { content: $ti-icon-code; }
+.#{$ti-icon-prefix}-command:before { content: $ti-icon-command; }
+.#{$ti-icon-prefix}-compass:before { content: $ti-icon-compass; }
+.#{$ti-icon-prefix}-copy:before { content: $ti-icon-copy; }
+.#{$ti-icon-prefix}-copyright:before { content: $ti-icon-copyright; }
+.#{$ti-icon-prefix}-corner-down-left:before { content: $ti-icon-corner-down-left; }
+.#{$ti-icon-prefix}-corner-down-right:before { content: $ti-icon-corner-down-right; }
+.#{$ti-icon-prefix}-corner-left-down:before { content: $ti-icon-corner-left-down; }
+.#{$ti-icon-prefix}-corner-left-up:before { content: $ti-icon-corner-left-up; }
+.#{$ti-icon-prefix}-corner-right-down:before { content: $ti-icon-corner-right-down; }
+.#{$ti-icon-prefix}-corner-right-up:before { content: $ti-icon-corner-right-up; }
+.#{$ti-icon-prefix}-corner-up-left:before { content: $ti-icon-corner-up-left; }
+.#{$ti-icon-prefix}-corner-up-right:before { content: $ti-icon-corner-up-right; }
+.#{$ti-icon-prefix}-credit-card:before { content: $ti-icon-credit-card; }
+.#{$ti-icon-prefix}-crop:before { content: $ti-icon-crop; }
+.#{$ti-icon-prefix}-cut:before { content: $ti-icon-cut; }
+.#{$ti-icon-prefix}-dashboard:before { content: $ti-icon-dashboard; }
+.#{$ti-icon-prefix}-database:before { content: $ti-icon-database; }
+.#{$ti-icon-prefix}-device-desktop:before { content: $ti-icon-device-desktop; }
+.#{$ti-icon-prefix}-device-mobile:before { content: $ti-icon-device-mobile; }
+.#{$ti-icon-prefix}-device-speaker:before { content: $ti-icon-device-speaker; }
+.#{$ti-icon-prefix}-device-tablet:before { content: $ti-icon-device-tablet; }
+.#{$ti-icon-prefix}-device-tv:before { content: $ti-icon-device-tv; }
+.#{$ti-icon-prefix}-directions:before { content: $ti-icon-directions; }
+.#{$ti-icon-prefix}-disabled:before { content: $ti-icon-disabled; }
+.#{$ti-icon-prefix}-disc:before { content: $ti-icon-disc; }
+.#{$ti-icon-prefix}-dots-circle-horizontal:before { content: $ti-icon-dots-circle-horizontal; }
+.#{$ti-icon-prefix}-dots-diagonal-2:before { content: $ti-icon-dots-diagonal-2; }
+.#{$ti-icon-prefix}-dots-diagonal:before { content: $ti-icon-dots-diagonal; }
+.#{$ti-icon-prefix}-dots-vertical:before { content: $ti-icon-dots-vertical; }
+.#{$ti-icon-prefix}-dots:before { content: $ti-icon-dots; }
+.#{$ti-icon-prefix}-download:before { content: $ti-icon-download; }
+.#{$ti-icon-prefix}-droplet:before { content: $ti-icon-droplet; }
+.#{$ti-icon-prefix}-edit:before { content: $ti-icon-edit; }
+.#{$ti-icon-prefix}-external-link:before { content: $ti-icon-external-link; }
+.#{$ti-icon-prefix}-eye:before { content: $ti-icon-eye; }
+.#{$ti-icon-prefix}-face-id:before { content: $ti-icon-face-id; }
+.#{$ti-icon-prefix}-file-check:before { content: $ti-icon-file-check; }
+.#{$ti-icon-prefix}-file-download:before { content: $ti-icon-file-download; }
+.#{$ti-icon-prefix}-file-minus:before { content: $ti-icon-file-minus; }
+.#{$ti-icon-prefix}-file-music:before { content: $ti-icon-file-music; }
+.#{$ti-icon-prefix}-file-plus:before { content: $ti-icon-file-plus; }
+.#{$ti-icon-prefix}-file-shredder:before { content: $ti-icon-file-shredder; }
+.#{$ti-icon-prefix}-file-text:before { content: $ti-icon-file-text; }
+.#{$ti-icon-prefix}-file-x:before { content: $ti-icon-file-x; }
+.#{$ti-icon-prefix}-file:before { content: $ti-icon-file; }
+.#{$ti-icon-prefix}-filter:before { content: $ti-icon-filter; }
+.#{$ti-icon-prefix}-flag:before { content: $ti-icon-flag; }
+.#{$ti-icon-prefix}-flip-horizontal:before { content: $ti-icon-flip-horizontal; }
+.#{$ti-icon-prefix}-flip-vertical:before { content: $ti-icon-flip-vertical; }
+.#{$ti-icon-prefix}-floppy-disk:before { content: $ti-icon-floppy-disk; }
+.#{$ti-icon-prefix}-folder-minus:before { content: $ti-icon-folder-minus; }
+.#{$ti-icon-prefix}-folder-plus:before { content: $ti-icon-folder-plus; }
+.#{$ti-icon-prefix}-folder-x:before { content: $ti-icon-folder-x; }
+.#{$ti-icon-prefix}-folder:before { content: $ti-icon-folder; }
+.#{$ti-icon-prefix}-folders:before { content: $ti-icon-folders; }
+.#{$ti-icon-prefix}-frame:before { content: $ti-icon-frame; }
+.#{$ti-icon-prefix}-friends:before { content: $ti-icon-friends; }
+.#{$ti-icon-prefix}-gauge:before { content: $ti-icon-gauge; }
+.#{$ti-icon-prefix}-git-branch:before { content: $ti-icon-git-branch; }
+.#{$ti-icon-prefix}-git-commit:before { content: $ti-icon-git-commit; }
+.#{$ti-icon-prefix}-git-compare:before { content: $ti-icon-git-compare; }
+.#{$ti-icon-prefix}-git-merge:before { content: $ti-icon-git-merge; }
+.#{$ti-icon-prefix}-git-pull-request:before { content: $ti-icon-git-pull-request; }
+.#{$ti-icon-prefix}-glass-full:before { content: $ti-icon-glass-full; }
+.#{$ti-icon-prefix}-glass:before { content: $ti-icon-glass; }
+.#{$ti-icon-prefix}-globe:before { content: $ti-icon-globe; }
+.#{$ti-icon-prefix}-grid-dots:before { content: $ti-icon-grid-dots; }
+.#{$ti-icon-prefix}-grid:before { content: $ti-icon-grid; }
+.#{$ti-icon-prefix}-hash:before { content: $ti-icon-hash; }
+.#{$ti-icon-prefix}-headphones:before { content: $ti-icon-headphones; }
+.#{$ti-icon-prefix}-heart:before { content: $ti-icon-heart; }
+.#{$ti-icon-prefix}-help:before { content: $ti-icon-help; }
+.#{$ti-icon-prefix}-home-2:before { content: $ti-icon-home-2; }
+.#{$ti-icon-prefix}-home:before { content: $ti-icon-home; }
+.#{$ti-icon-prefix}-ice-cream:before { content: $ti-icon-ice-cream; }
+.#{$ti-icon-prefix}-id:before { content: $ti-icon-id; }
+.#{$ti-icon-prefix}-inbox:before { content: $ti-icon-inbox; }
+.#{$ti-icon-prefix}-info-circle:before { content: $ti-icon-info-circle; }
+.#{$ti-icon-prefix}-info-square:before { content: $ti-icon-info-square; }
+.#{$ti-icon-prefix}-key:before { content: $ti-icon-key; }
+.#{$ti-icon-prefix}-layers-difference:before { content: $ti-icon-layers-difference; }
+.#{$ti-icon-prefix}-layers-intersect:before { content: $ti-icon-layers-intersect; }
+.#{$ti-icon-prefix}-layers-subtract:before { content: $ti-icon-layers-subtract; }
+.#{$ti-icon-prefix}-layers-union:before { content: $ti-icon-layers-union; }
+.#{$ti-icon-prefix}-layout-2:before { content: $ti-icon-layout-2; }
+.#{$ti-icon-prefix}-layout-align-bottom:before { content: $ti-icon-layout-align-bottom; }
+.#{$ti-icon-prefix}-layout-align-center:before { content: $ti-icon-layout-align-center; }
+.#{$ti-icon-prefix}-layout-align-left:before { content: $ti-icon-layout-align-left; }
+.#{$ti-icon-prefix}-layout-align-middle:before { content: $ti-icon-layout-align-middle; }
+.#{$ti-icon-prefix}-layout-align-right:before { content: $ti-icon-layout-align-right; }
+.#{$ti-icon-prefix}-layout-align-top:before { content: $ti-icon-layout-align-top; }
+.#{$ti-icon-prefix}-layout-bottombar:before { content: $ti-icon-layout-bottombar; }
+.#{$ti-icon-prefix}-layout-columns:before { content: $ti-icon-layout-columns; }
+.#{$ti-icon-prefix}-layout-distribute-horizontal:before { content: $ti-icon-layout-distribute-horizontal; }
+.#{$ti-icon-prefix}-layout-distribute-vertical:before { content: $ti-icon-layout-distribute-vertical; }
+.#{$ti-icon-prefix}-layout-navbar:before { content: $ti-icon-layout-navbar; }
+.#{$ti-icon-prefix}-layout-rows:before { content: $ti-icon-layout-rows; }
+.#{$ti-icon-prefix}-layout-sidebar-right:before { content: $ti-icon-layout-sidebar-right; }
+.#{$ti-icon-prefix}-layout-sidebar:before { content: $ti-icon-layout-sidebar; }
+.#{$ti-icon-prefix}-layout:before { content: $ti-icon-layout; }
+.#{$ti-icon-prefix}-lego:before { content: $ti-icon-lego; }
+.#{$ti-icon-prefix}-lifebuoy:before { content: $ti-icon-lifebuoy; }
+.#{$ti-icon-prefix}-link:before { content: $ti-icon-link; }
+.#{$ti-icon-prefix}-live-photo:before { content: $ti-icon-live-photo; }
+.#{$ti-icon-prefix}-location:before { content: $ti-icon-location; }
+.#{$ti-icon-prefix}-lock-open:before { content: $ti-icon-lock-open; }
+.#{$ti-icon-prefix}-lock:before { content: $ti-icon-lock; }
+.#{$ti-icon-prefix}-magnet:before { content: $ti-icon-magnet; }
+.#{$ti-icon-prefix}-mail-opened:before { content: $ti-icon-mail-opened; }
+.#{$ti-icon-prefix}-mail:before { content: $ti-icon-mail; }
+.#{$ti-icon-prefix}-man:before { content: $ti-icon-man; }
+.#{$ti-icon-prefix}-map-2:before { content: $ti-icon-map-2; }
+.#{$ti-icon-prefix}-map-pin:before { content: $ti-icon-map-pin; }
+.#{$ti-icon-prefix}-map:before { content: $ti-icon-map; }
+.#{$ti-icon-prefix}-maximize:before { content: $ti-icon-maximize; }
+.#{$ti-icon-prefix}-menu:before { content: $ti-icon-menu; }
+.#{$ti-icon-prefix}-message-2:before { content: $ti-icon-message-2; }
+.#{$ti-icon-prefix}-message-circle:before { content: $ti-icon-message-circle; }
+.#{$ti-icon-prefix}-message-dots:before { content: $ti-icon-message-dots; }
+.#{$ti-icon-prefix}-message:before { content: $ti-icon-message; }
+.#{$ti-icon-prefix}-microphone:before { content: $ti-icon-microphone; }
+.#{$ti-icon-prefix}-minimize:before { content: $ti-icon-minimize; }
+.#{$ti-icon-prefix}-minus:before { content: $ti-icon-minus; }
+.#{$ti-icon-prefix}-mood-confuzed:before { content: $ti-icon-mood-confuzed; }
+.#{$ti-icon-prefix}-mood-happy:before { content: $ti-icon-mood-happy; }
+.#{$ti-icon-prefix}-mood-neutral:before { content: $ti-icon-mood-neutral; }
+.#{$ti-icon-prefix}-mood-sad:before { content: $ti-icon-mood-sad; }
+.#{$ti-icon-prefix}-mood-smile:before { content: $ti-icon-mood-smile; }
+.#{$ti-icon-prefix}-moon:before { content: $ti-icon-moon; }
+.#{$ti-icon-prefix}-mouse:before { content: $ti-icon-mouse; }
+.#{$ti-icon-prefix}-movie:before { content: $ti-icon-movie; }
+.#{$ti-icon-prefix}-mug:before { content: $ti-icon-mug; }
+.#{$ti-icon-prefix}-music:before { content: $ti-icon-music; }
+.#{$ti-icon-prefix}-news:before { content: $ti-icon-news; }
+.#{$ti-icon-prefix}-notification:before { content: $ti-icon-notification; }
+.#{$ti-icon-prefix}-package:before { content: $ti-icon-package; }
+.#{$ti-icon-prefix}-paint:before { content: $ti-icon-paint; }
+.#{$ti-icon-prefix}-palette:before { content: $ti-icon-palette; }
+.#{$ti-icon-prefix}-paperclip:before { content: $ti-icon-paperclip; }
+.#{$ti-icon-prefix}-parking:before { content: $ti-icon-parking; }
+.#{$ti-icon-prefix}-pencil:before { content: $ti-icon-pencil; }
+.#{$ti-icon-prefix}-phone-call:before { content: $ti-icon-phone-call; }
+.#{$ti-icon-prefix}-phone-incoming:before { content: $ti-icon-phone-incoming; }
+.#{$ti-icon-prefix}-phone-outgoing:before { content: $ti-icon-phone-outgoing; }
+.#{$ti-icon-prefix}-phone-pause:before { content: $ti-icon-phone-pause; }
+.#{$ti-icon-prefix}-phone:before { content: $ti-icon-phone; }
+.#{$ti-icon-prefix}-photo:before { content: $ti-icon-photo; }
+.#{$ti-icon-prefix}-plus:before { content: $ti-icon-plus; }
+.#{$ti-icon-prefix}-point:before { content: $ti-icon-point; }
+.#{$ti-icon-prefix}-power:before { content: $ti-icon-power; }
+.#{$ti-icon-prefix}-printer:before { content: $ti-icon-printer; }
+.#{$ti-icon-prefix}-prompt:before { content: $ti-icon-prompt; }
+.#{$ti-icon-prefix}-puzzle:before { content: $ti-icon-puzzle; }
+.#{$ti-icon-prefix}-qrcode:before { content: $ti-icon-qrcode; }
+.#{$ti-icon-prefix}-record-mail:before { content: $ti-icon-record-mail; }
+.#{$ti-icon-prefix}-refresh:before { content: $ti-icon-refresh; }
+.#{$ti-icon-prefix}-registered:before { content: $ti-icon-registered; }
+.#{$ti-icon-prefix}-rotate-clockwise:before { content: $ti-icon-rotate-clockwise; }
+.#{$ti-icon-prefix}-rotate:before { content: $ti-icon-rotate; }
+.#{$ti-icon-prefix}-route:before { content: $ti-icon-route; }
+.#{$ti-icon-prefix}-router:before { content: $ti-icon-router; }
+.#{$ti-icon-prefix}-rss:before { content: $ti-icon-rss; }
+.#{$ti-icon-prefix}-ruler:before { content: $ti-icon-ruler; }
+.#{$ti-icon-prefix}-scissors:before { content: $ti-icon-scissors; }
+.#{$ti-icon-prefix}-search:before { content: $ti-icon-search; }
+.#{$ti-icon-prefix}-selector:before { content: $ti-icon-selector; }
+.#{$ti-icon-prefix}-send:before { content: $ti-icon-send; }
+.#{$ti-icon-prefix}-server:before { content: $ti-icon-server; }
+.#{$ti-icon-prefix}-settings:before { content: $ti-icon-settings; }
+.#{$ti-icon-prefix}-share:before { content: $ti-icon-share; }
+.#{$ti-icon-prefix}-shield-check:before { content: $ti-icon-shield-check; }
+.#{$ti-icon-prefix}-shield-x:before { content: $ti-icon-shield-x; }
+.#{$ti-icon-prefix}-shield:before { content: $ti-icon-shield; }
+.#{$ti-icon-prefix}-shopping-cart:before { content: $ti-icon-shopping-cart; }
+.#{$ti-icon-prefix}-sort-ascending:before { content: $ti-icon-sort-ascending; }
+.#{$ti-icon-prefix}-sort-descending:before { content: $ti-icon-sort-descending; }
+.#{$ti-icon-prefix}-square-check:before { content: $ti-icon-square-check; }
+.#{$ti-icon-prefix}-square-minus:before { content: $ti-icon-square-minus; }
+.#{$ti-icon-prefix}-square-plus:before { content: $ti-icon-square-plus; }
+.#{$ti-icon-prefix}-square-x:before { content: $ti-icon-square-x; }
+.#{$ti-icon-prefix}-square:before { content: $ti-icon-square; }
+.#{$ti-icon-prefix}-stack:before { content: $ti-icon-stack; }
+.#{$ti-icon-prefix}-star:before { content: $ti-icon-star; }
+.#{$ti-icon-prefix}-sticker:before { content: $ti-icon-sticker; }
+.#{$ti-icon-prefix}-sun:before { content: $ti-icon-sun; }
+.#{$ti-icon-prefix}-switch-horizontal:before { content: $ti-icon-switch-horizontal; }
+.#{$ti-icon-prefix}-switch-vertical:before { content: $ti-icon-switch-vertical; }
+.#{$ti-icon-prefix}-switch:before { content: $ti-icon-switch; }
+.#{$ti-icon-prefix}-tag:before { content: $ti-icon-tag; }
+.#{$ti-icon-prefix}-target:before { content: $ti-icon-target; }
+.#{$ti-icon-prefix}-temperature-celsius:before { content: $ti-icon-temperature-celsius; }
+.#{$ti-icon-prefix}-temperature-fahrenheit:before { content: $ti-icon-temperature-fahrenheit; }
+.#{$ti-icon-prefix}-temperature:before { content: $ti-icon-temperature; }
+.#{$ti-icon-prefix}-template:before { content: $ti-icon-template; }
+.#{$ti-icon-prefix}-test-pipe:before { content: $ti-icon-test-pipe; }
+.#{$ti-icon-prefix}-thumb-down:before { content: $ti-icon-thumb-down; }
+.#{$ti-icon-prefix}-thumb-up:before { content: $ti-icon-thumb-up; }
+.#{$ti-icon-prefix}-ticket:before { content: $ti-icon-ticket; }
+.#{$ti-icon-prefix}-toggle-left:before { content: $ti-icon-toggle-left; }
+.#{$ti-icon-prefix}-toggle-right:before { content: $ti-icon-toggle-right; }
+.#{$ti-icon-prefix}-tool:before { content: $ti-icon-tool; }
+.#{$ti-icon-prefix}-trash:before { content: $ti-icon-trash; }
+.#{$ti-icon-prefix}-trending-down:before { content: $ti-icon-trending-down; }
+.#{$ti-icon-prefix}-trending-up:before { content: $ti-icon-trending-up; }
+.#{$ti-icon-prefix}-triangle:before { content: $ti-icon-triangle; }
+.#{$ti-icon-prefix}-trophy:before { content: $ti-icon-trophy; }
+.#{$ti-icon-prefix}-unlink:before { content: $ti-icon-unlink; }
+.#{$ti-icon-prefix}-upload:before { content: $ti-icon-upload; }
+.#{$ti-icon-prefix}-urgent:before { content: $ti-icon-urgent; }
+.#{$ti-icon-prefix}-user-check:before { content: $ti-icon-user-check; }
+.#{$ti-icon-prefix}-user-minus:before { content: $ti-icon-user-minus; }
+.#{$ti-icon-prefix}-user-plus:before { content: $ti-icon-user-plus; }
+.#{$ti-icon-prefix}-user-x:before { content: $ti-icon-user-x; }
+.#{$ti-icon-prefix}-user:before { content: $ti-icon-user; }
+.#{$ti-icon-prefix}-viewfinder:before { content: $ti-icon-viewfinder; }
+.#{$ti-icon-prefix}-volume-2:before { content: $ti-icon-volume-2; }
+.#{$ti-icon-prefix}-volume-3:before { content: $ti-icon-volume-3; }
+.#{$ti-icon-prefix}-volume:before { content: $ti-icon-volume; }
+.#{$ti-icon-prefix}-wifi:before { content: $ti-icon-wifi; }
+.#{$ti-icon-prefix}-woman:before { content: $ti-icon-woman; }
+.#{$ti-icon-prefix}-world:before { content: $ti-icon-world; }
+.#{$ti-icon-prefix}-x:before { content: $ti-icon-x; }
+.#{$ti-icon-prefix}-zoom-in:before { content: $ti-icon-zoom-in; }
+.#{$ti-icon-prefix}-zoom-out:before { content: $ti-icon-zoom-out; }