fonts awesome! v. 4.7

font-awesome (updated to Version 4.7)

by spydmobile

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<span class="fa-stack " title='Minimize'>
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-window-minimize fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack " title='Close'>
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-times fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack " title='Restore'>
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-window-restore fa-stack-1x fa-inverse"></i>
</span>

<span class="fa-stack " title='wtf'>
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-window-restore fa-stack-1x fa-inverse"></i>
</span>

CSS

span > i.fa.fa-window-minimize {
    /* background-color: yellow; */
 
    transform: scale(0.8, 0.8) translateY(-10%);
}

 span[title="wtf"] {
     transform: scale(0.7, 0.7)
  }