.mp-blog-icon:before {
  background-repeat: no-repeat;
  color: #999;
  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")
}