.icon {
    background: url("icons.svg") no-repeat;
    background-size: 300px;
    width: 24px;
    height: 24px;
    display: block;
}

.icon.workflow   { background-position: -2px -12px }
.icon.admin      { background-position: -2px -40px }
.icon.off        { background-position: -2px -66px }

.icon.video      { background-position: -33px -12px }
.icon.users      { background-position: -33px -48px }
.icon.mapping    { background-position: -33px -66px }

.icon.provisions { background-position: -60px -12px }
.icon.report     { background-position: -60px -40px }
.icon.back       { background-position: -60px -66px }

.icon.contacts   { background-position: -88px -12px }
.icon.office     { background-position: -88px -42px }
.icon.documents  { background-position: -88px -66px }

.icon.tasks      { background-position: -117px -12px }
.icon.production { background-position: -117px -42px }
.icon.articles   { background-position: -117px -66px }

.icon.files      { background-position: -145px -12px }
.icon.email      { background-position: -145px -44px }
.icon.logistic   { background-position: -145px -66px }

.icon.calendar  { background-position: -174px -12px }
.icon.chat      { background-position: -174px -42px }
.icon.time      { background-position: -174px -66px }