@font-face
  font-family: "Flat-UI-Icons-24"
  src: url(asset-path("Flat-UI-Icons-24.eot", font))
  src: url(asset-path("Flat-UI-Icons-24.eot", font)) format("embedded-opentype"), url(asset-path("Flat-UI-Icons-24.woff", font)) format("woff"), url(asset-path("Flat-UI-Icons-24.ttf", font)) format("truetype"), url(asset-path("Flat-UI-Icons-24.svg", font)) format("svg")
  font-weight: normal
  font-style: normal


/* Use the following CSS code if you want to use data attributes for inserting your icons

[data-icon]:before
  font-family: "Flat-UI-Icons-24"
  content: attr(data-icon)
  speak: none
  font-weight: normal
  line-height: 1
  -webkit-font-smoothing: antialiased

/* Use the following CSS code if you want to have a class per icon
/*
 *Instead of a list of all class selectors,
 *
 *you can use the generic selector below, but it's slower:
 *
 *[class*="fui-"]:before {

.fui-video-24:before, .fui-time-24:before, .fui-settings-24:before, .fui-plus-24:before, .fui-new-24:before, .fui-menu-24:before, .fui-man-24:before, .fui-mail-24:before, .fui-lock-24:before, .fui-location-24:before, .fui-heart-24:before, .fui-eye-24:before, .fui-cross-24:before, .fui-cmd-24:before, .fui-checkround-24:before, .fui-checkmark-24:before, .fui-calendar-24:before, .fui-bubble-24:before, .fui-volume-24:before, .fui-camera-24:before
  font-family: "Flat-UI-Icons-24"
  speak: none
  font-style: normal
  font-weight: normal
  line-height: 1
  -webkit-font-smoothing: antialiased

.fui-video-24:before
  content: "\e000"

.fui-time-24:before
  content: "\e001"

.fui-settings-24:before
  content: "\e002"

.fui-plus-24:before
  content: "\e003"

.fui-new-24:before
  content: "\e005"

.fui-menu-24:before
  content: "\e006"

.fui-man-24:before
  content: "\e007"

.fui-mail-24:before
  content: "\e008"

.fui-lock-24:before
  content: "\e009"

.fui-location-24:before
  content: "\e00a"

.fui-heart-24:before
  content: "\e00b"

.fui-eye-24:before
  content: "\e00c"

.fui-cross-24:before
  content: "\e00d"

.fui-cmd-24:before
  content: "\e00e"

.fui-checkround-24:before
  content: "\e00f"

.fui-checkmark-24:before
  content: "\e010"

.fui-calendar-24:before
  content: "\e011"

.fui-bubble-24:before
  content: "\e012"

.fui-volume-24:before
  content: "\e013"

.fui-camera-24:before
  content: "\e004"