.icon{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    
    span, i{
        vertical-align: middle
    }
    
    &.icon-10{
        height: 10px;
        line-height: 10px;
        width: 10px;
    }
    &.icon-20{
        height: 20px;
        line-height: 20px;
        width: 20px;
    }
    &.icon-30{
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
    &.icon-40{
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    &.icon-50{
        height: 50px;
        line-height: 50px;
        width: 50px;
    }
    &.icon-60{
        height: 60px;
        line-height: 60px;
        width: 60px;
    }
    &.icon-70{
        height: 70px;
        line-height: 70px;
        width: 70px;
    }
    &.icon-80{
        height: 80px;
        line-height: 80px;
        width: 80px;
    }
    &.icon-90{
        height: 90px;
        line-height: 90px;
        width: 90px;
    }
    &.icon-100{
        height: 100px;
        line-height: 100px;
        width: 100px;
    }
    &.icon-110{
        height: 110px;
        line-height: 110px;
        width: 110px;
    }
    &.icon-120{
        height: 120px;
        line-height: 120px;
        width: 120px;
    }
    &.icon-130{
        height: 130px;
        line-height: 130px;
        width: 130px;
    }
    &.icon-140{
        height: 140px;
        line-height: 140px;
        width: 140px;
    }
    &.icon-150{
        height: 150px;
        line-height: 150px;
        width: 150px;
    }
}