.mp-blog-icon:before {
    background-repeat: no-repeat;
    color: #999999;
    content: '';
    display: inline-flex;
    width: 12px;
    height: 12px;
    opacity: 50%;
    position: relative;
    top: 2px;
}
.mp-blog-calendar-times:before {
    background-image: url("../media/images/calendar-times.svg");
}
.mp-blog-user:before {
    background-image: url("../media/images/user.svg");
}
.mp-blog-comments:before {
    background-image: url("../media/images/comments.svg");
}
.mp-blog-traffic:before {
    background-image: url("../media/images/eye.svg");
}
.mp-blog-thumbs-up:before {
    background-image: url("../media/images/thumbs-up.svg");
}