custom-bs-icons

Custom bootstrap icons

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>

    <button type="submit" class="btn btn-default block-xuy">
    <i class="icon-dashboard-edit"></i>
    <div class="iconlabel">ХУЙ ЗАМОРСКИЙ</div>
    <div class="iconlabel">ЗАЕБАЛА ЭТА ХУЙНЯ</div>
    </button>

CSS

@import url('http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');

BODY {
    margin: 40px;
}

.iconrow {
    margin-top: 10px;
}

.block-xuy {
  position: relative;
}
.iconlabel {
    display: block;
    position: relative;
    top: 0px;
    margin-left: 40px;
    vertical-align: top;
}

/* custom icons
   copy the styles below into icons-dashboard-sprites.css */

[class^="icon-dashboard-"],
[class*=" icon-dashboard-"] {
    background-image: url("https://app.10000ft.com/images/compSpritesButtonsIcons.png");
    background-repeat: no-repeat;
    display: block;
    position:absolute;
    top:10px;
    
}

.icon-dashboard-logo { background-position : -550px -690px; width : 120px; height : 120px;  }
.icon-dashboard-intheoffice { background-position: -395px -60px; width: 24px; height: 24px  } 
.icon-dashboard-edit { background-position: -765px -200px; width: 24px; height: 29px  }