icon-font

icon.css

// You can use data-attribute 
[data-icon]:before
  font-family:qlean-icons!important
  content:attr(data-icon)
  font-style:normal!important
  font-weight:400!important
  font-variant:normal!important
  text-transform:none!important
  speak:none
  line-height:1
  -webkit-font-smoothing:antialiased
  -moz-osx-font-smoothing:grayscale

// html
// <div class="icon data-icon="x"></div>



// or separate class named icon-...
[class^="icon-"]:before,[class*=" icon-"]:before
  font-family:qlean-icons!important
  font-style:normal!important
  font-weight:400!important
  font-variant:normal!important
  text-transform:none!important
  speak:none
  line-height:1
  -webkit-font-smoothing:antialiased
  -moz-osx-font-smoothing:grayscale


// if you use separate class...
.icon-windows:before
  content:"x"


// html
// <div class="icon icon-windows"></div>