div.icon {
  min-width: 20px;
  min-height: 20px;
}

div.icon.color-black {
  background-color: #565656;
}

div.icon.icon-back-list {
  mask: url(../../images/svg/back-list@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/back-list@svg.svg) no-repeat center /
    contain;
}

div.icon.icon-full-screen {
  mask: url(../../images/svg/full-screen@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/full-screen@svg.svg) no-repeat center /
    contain;
}

div.icon.icon-add {
  mask: url(../../images/svg/add@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/add@svg.svg) no-repeat center / contain;
}

div.icon.icon-delete {
  mask: url(../../images/svg/delete@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/delete@svg.svg) no-repeat center / contain;
}

div.icon.icon-edit {
  mask: url(../../images/svg/edit@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/edit@svg.svg) no-repeat center / contain;
}

div.icon.icon-prev {
  mask: url(../../images/svg/prev@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/prev@svg.svg) no-repeat center / contain;
}

div.icon.icon-next {
  mask: url(../../images/svg/next@svg.svg) no-repeat center / contain;
  -webkit-mask: url(../../images/svg/next@svg.svg) no-repeat center / contain;
}