[class^="icon-"],
[class*=" icon-"] {
  min-width: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #181818;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
}


.icon-telegram{
  -webkit-mask-image: url(../icons/telegram.svg);
}

.icon-instagram{
  -webkit-mask-image: url(../icons/instagram.svg);
}

.icon-twitter{
  -webkit-mask-image: url(../icons/twitter.svg);
}

.icon-chevron{
  -webkit-mask-image: url(../icons/chevron.svg);
}

.icon-chevron-down{
  -webkit-mask-image: url(../icons/chevron-down.svg);
}

.icon-tell{
  -webkit-mask-image: url(../icons/tell.svg);
}

.icon-pin{
  -webkit-mask-image: url(../icons/pin.svg);
}

.icon-mail{
  -webkit-mask-image: url(../icons/mail.svg);
}

.icon-date{
  -webkit-mask-image: url(../icons/date.svg);
}

.icon-num{
  -webkit-mask-image: url(../icons/num.svg);
}


.icon-time{
  -webkit-mask-image: url(../icons/time.svg);
}

.icon-view{
  -webkit-mask-image: url(../icons/view.svg);
}

.icon-share{
  -webkit-mask-image: url(../icons/share.svg);
}

.icon-reply{
  -webkit-mask-image: url(../icons/reply.svg);
}

.icon-online{
  -webkit-mask-image: url(../icons/online.svg);
}

.icon-inperson{
  -webkit-mask-image: url(../icons/inperson.svg);
}