.icon{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.icon:before{
    content: '';
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.icon-dashboard:before {
    background-image: url(../icons/dashboard.svg);
}
.icon-projects:before {
    background-image: url(../icons/projects.svg);
}
.icon-uploaded:before {
    background-image: url(../icons/uploaded.svg);
}
.icon-data:before {
    background-image: url(../icons/data.svg);
}
.icon-user:before {
    background-image: url(../icons/user.svg);
}
.icon-timesheet:before {
    background-image: url(../icons/timesheet.svg);
}
.icon-reports:before {
    background-image: url(../icons/reports.svg);
}
.icon-help:before {
    background-image: url(../icons/help.svg);
}
.icon-search:before {
    background-image: url(../icons/search.svg);
}
.icon-bell:before {
    background-image: url(../icons/bell.svg);
}
.icon-settings:before {
    background-image: url(../icons/settings.svg);
}
.icon-eye-slash:before {
    background-image: url(../icons/eye-slash.svg);
}
.icon-eye:before {
    background-image: url(../icons/eye.svg);
    background-size: cover;
}
.icon-left-arrow:before {
    background-image: url(../icons/left-arrow.svg);
    background-size: cover;
}
.icon-plus:before {
    background-image: url(../icons/plus.svg);
    background-size: cover;
    width: 12px;
    height: 12px;
}
.icon-edit:before {
    background-image: url(../icons/edit.svg);
    background-size: cover;
}
.icon-download:before {
    background-image: url(../icons/download.svg);
    background-size: cover;
}
.icon-delete:before {
    background-image: url(../icons/delete.svg);
    background-size: cover;
}
.icon-choose-file:before {
    background-image: url(../icons/choose-file.svg);
    background-size: cover;
}
.icon-calendar:before {
    background-image: url(../icons/calendar.svg);
    background-size: cover;
}
.icon-plus-blue:before {
    background-image: url(../icons/plus-blue.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
}
.icon-info:before {
    background-image: url(../icons/info.svg);
    background-size: cover;
    width: 18px;
    height: 18px;
}
.icon-upload:before {
    background-image: url(../icons/upload.svg);
    background-size: cover;
}
.icon-graph:before {
    background-image: url(../icons/graph.svg);
    background-size: cover;
}
.icon-settings-white:before {
    background-image: url(../icons/settings-white.svg);
}
.icon-arrow-down:before {
    background-image: url(../icons/arrow-down.svg);
    width: 16px;
    height: 16px;
}
.icon-download-white:before {
    background-image: url(../icons/download-white.svg);
}