.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #585858;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* Example of changing color and size with other classes */
/*
.icon.text-primary {
  background-color: var(--primary-color);
}*/
.icon.x2 { width: 48px; height: 48px;}
.icon.x3 { width: 72px; height: 72px;}
.icon.x4 { width: 96px; height: 96px;}
.icon.x5 { width: 120px; height: 120px;}
.icon.serv-med{ margin-top: 20px !important;}

.icon-chat { -webkit-mask-image: url(../images/icons/svg/chat.svg); mask-image: url(../images/icons/svg/chat.svg); }
.icon-colonoscopia { -webkit-mask-image: url(../images/icons/svg/colonoscopia.svg); mask-image: url(../images/icons/svg/colonoscopia.svg); }
.icon-ecografia { -webkit-mask-image: url(../images/icons/svg/ecografia-2.svg); mask-image: url(../images/icons/svg/ecografia-2.svg); }
.icon-endoscopia { -webkit-mask-image: url(../images/icons/svg/endoscopia.svg); mask-image: url(../images/icons/svg/endoscopia.svg); }
.icon-especialidades { -webkit-mask-image: url(../images/icons/svg/especialidades.svg); mask-image: url(../images/icons/svg/especialidades.svg); }
.icon-farmacia { -webkit-mask-image: url(../images/icons/svg/farmacia.svg); mask-image: url(../images/icons/svg/farmacia.svg); }
.icon-laboratorio { -webkit-mask-image: url(../images/icons/svg/laboratorio.svg); mask-image: url(../images/icons/svg/laboratorio.svg); }
.icon-patologia { -webkit-mask-image: url(../images/icons/svg/patologia.svg); mask-image: url(../images/icons/svg/patologia.svg); }
.icon-proctoscopia { -webkit-mask-image: url(../images/icons/svg/proctoscopia.svg); mask-image: url(../images/icons/svg/proctoscopia.svg); }
.icon-teleconsulta { -webkit-mask-image: url(../images/icons/svg/teleconsulta.svg); mask-image: url(../images/icons/svg/teleconsulta.svg); }
.icon-telemedicina { -webkit-mask-image: url(../images/icons/svg/telemedicina.svg); mask-image: url(../images/icons/svg/telemedicina.svg); }
.icon-teleorientacion { -webkit-mask-image: url(../images/icons/svg/teleorientacion.svg); mask-image: url(../images/icons/svg/teleorientacion.svg); }
.icon-test-aliento { -webkit-mask-image: url(../images/icons/svg/test-aliento-2.svg); mask-image: url(../images/icons/svg/test-aliento-2.svg); }
.icon-zoom { -webkit-mask-image: url(../images/icons/svg/zoom.svg); mask-image: url(../images/icons/svg/zoom.svg); }