nairobi/app/assets/stylesheets/icons.scss

@charset "UTF-8";

@font-face {
  font-family: "icons";
  src: font-url("icons.eot");
  src: font-url("icons.eot?#iefix") format("embedded-opentype"),
    font-url("icons.woff") format("woff"),
    font-url("icons.ttf") format("truetype"),
    font-url("icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]::before,
[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

.icon-angle-down::before {
  content: "\f107";
}

.icon-angle-left::before {
  content: "\f104";
}

.icon-angle-right::before {
  content: "\f105";
}

.icon-angle-up::before {
  content: "\f106";
}

.icon-comments::before {
  content: "\f086";
  font-weight: normal;
}

.icon-twitter::before {
  content: "\f099";
}

.icon-calendar::before {
  content: "\f133";
  font-weight: normal;
}

.icon-debates::before {
  content: "\f27a";
}

.icon-unlike::before {
  content: "\f165";
}

.icon-like::before {
  content: "\f164";
}

.icon-check::before {
  content: "\f00c";
}

.icon-edit::before {
  content: "\f303";
}

.icon-user::before {
  content: "\f007";
}

.icon-settings::before {
  content: "\f013";
}

.icon-stats::before {
  content: "\f201";
}

.icon-proposals::before {
  content: "\f0eb";
}

.icon-organizations::before {
  content: "\f0c0";
}

.icon-deleted::before {
  content: "\f05e";
}

.icon-tag::before {
  content: "\f02b";
}

.icon-eye::before {
  content: "\f06e";
  font-weight: normal;
}

.icon-x::before {
  content: "\f00d";
}

.icon-flag::before {
  content: "\f024";
  font-weight: normal;
}

.icon-comment::before {
  content: "\f075";
}

.icon-reply::before {
  content: "\f122";
}

.icon-facebook::before {
  content: "\f39e";
}

.icon-search::before {
  content: "\f002";
}

.icon-external::before {
  content: "\f35d";
}

.icon-video::before {
  content: "\f144";
}

.icon-document::before {
  content: "\f15b";
  font-weight: normal;
}

.icon-print::before {
  content: "\f02f";
}

.icon-box::before {
  content: "\f187";
}

.icon-youtube::before {
  content: "\f167";
}

.icon-letter::before {
  content: "\f0e0";
  font-weight: normal;
}

.icon-circle::before {
  content: "\f111";
}

.icon-circle-o::before {
  content: "\f111";
  font-weight: normal;
}

.icon-help::before {
  content: "\f059";
}

.icon-budget::before {
  content: "\f200";
}

.icon-notification::before {
  content: "\f0f3";
}

.icon-no-notification::before {
  content: "\f0f3";
  font-weight: normal;
}

.icon-zip::before {
  content: "\f1c6";
  font-weight: normal;
}

.icon-banner::before {
  content: "\f00b";
}

.icon-arrow-left::before {
  content: "\f0d9";
}

.icon-arrow-right::before {
  content: "\f0da";
}

.icon-check-circle::before {
  content: "\f058";
}

.icon-arrow-top::before {
  content: "\f0de";
}

.icon-checkmark-circle::before {
  content: "\f058";
  font-weight: normal;
}

.icon-minus-square::before {
  content: "\f146";
  font-weight: normal;
}

.icon-plus-square::before {
  content: "\f0fe";
  font-weight: normal;
}

.icon-expand::before {
  content: "\f31e";
}

.icon-telegram::before {
  content: "\f3fe";
}

.icon-instagram::before {
  content: "\f16d";
}

.icon-image::before {
  content: "\f03e";
  font-weight: normal;
}

.icon-search-plus::before {
  content: "\f00e";
}

.icon-search-minus::before {
  content: "\f010";
}

.icon-calculator::before {
  content: "\f1ec";
}

.icon-map-marker::before {
  content: "\f3c5";
}

.icon-user-plus::before {
  content: "\f234";
}

.icon-file-text-o::before {
  content: "\f15c";
  font-weight: normal;
}

.icon-file-text::before {
  content: "\f15c";
}

.icon-bars::before {
  content: "\f0c9";
}

.icon-facebook,
.icon-instagram,
.icon-telegram,
.icon-twitter,
.icon-youtube {

  &::before {
    font-family: "Font Awesome 5 Brands";
  }
}

.icon-quote-before::before {
  content: "";
  background-size: cover;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("quote_before_blue.png");
  background-repeat: no-repeat;
}

.icon-quote-after::before {
  content: "";
  background-size: cover;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("quote_after_blue.png");
  background-repeat: no-repeat;
}

.icon-finger::before {
  content: "";
  background-size: cover;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("finger.png");
  background-repeat: no-repeat;
}