@font-face {
  font-family: "Flaticon";
  src: url("SSL_URL/inc/fonts/Flaticon2.eot");
  src: url("SSL_URL/inc/fonts/Flaticon2.eot?#iefix") format("embedded-opentype"),
       url("SSL_URL/inc/fonts/Flaticon2.woff") format("woff"),
       url("SSL_URL/inc/fonts/Flaticon2.ttf") format("truetype"),
       url("SSL_URL/inc/fonts/Flaticon2.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("SSL_URL/inc/fonts/Flaticon2.svg#Flaticon") format("svg");
  }
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
  margin-left: 20px;
}
/*
.flaticon-computer:before { content: "\f100";color:#337AB7;font-size:128px; }
.flaticon-education:before { content: "\f101";color:#337AB7;font-size:128px; }
.flaticon-monitor:before { content: "\f102";color:#337AB7;font-size:128px; }
.flaticon-web:before { content: "\f103";color:#337AB7;font-size:128px; }
*/
.flaticon-arrow:before { content: "\f100";color:#337AB7;font-size:128px; }
.flaticon-computer:before { content: "\f101";color:#337AB7;font-size:128px; }
.flaticon-education:before { content: "\f102";color:#337AB7;font-size:128px; }
.flaticon-interface:before { content: "\f103";color:#337AB7;font-size:128px; }
.flaticon-internet:before { content: "\f104";color:#337AB7;font-size:128px; }
.flaticon-monitor:before { content: "\f105";color:#337AB7;font-size:128px; }
.flaticon-tool:before { content: "\f106";color:#337AB7;font-size:128px; }
.flaticon-up-arrow:before { content: "\f107";color:#337AB7;font-size:128px; }
.flaticon-web:before { content: "\f108";color:#337AB7;font-size:128px; }