.pre-icon {
  display: inline-flex;
  align-items: center;
  height: 1em;
  --scale-x: 1;
  --scale-y: 1;
}

.pre-icon::before {
  content: '';
  /*content: var(--pre-icon);*/
  mask: var(--pre-icon);
  mask-size: cover;
  background: var(--dark);
  /*width: unset;*/
  /*object-fit: cover;*/
  width: calc(1em * var(--scale-x));
  /*height: .1em;*/
  height: calc(1em * var(--scale-y));
  margin-right: .3em;
  display: inline-block;
}