.mi {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.mi-a {
  mask-image: url("A.svg");
  -webkit-mask-image: url("A.svg");
}
.mi-b {
  mask-image: url("B.svg");
  -webkit-mask-image: url("B.svg");
}
.mi-c {
  mask-image: url("C.svg");
  -webkit-mask-image: url("C.svg");
}
.mi-d {
  mask-image: url("D.svg");
  -webkit-mask-image: url("D.svg");
}
.mi-e {
  mask-image: url("E.svg");
  -webkit-mask-image: url("E.svg");
}
.mi-f {
  mask-image: url("F.svg");
  -webkit-mask-image: url("F.svg");
}
.mi-g {
  mask-image: url("G.svg");
  -webkit-mask-image: url("G.svg");
}
.mi-h {
  mask-image: url("H.svg");
  -webkit-mask-image: url("H.svg");
}
.mi-i {
  mask-image: url("I.svg");
  -webkit-mask-image: url("I.svg");
}
.mi-j {
  mask-image: url("J.svg");
  -webkit-mask-image: url("J.svg");
}
.mi-k {
  mask-image: url("K.svg");
  -webkit-mask-image: url("K.svg");
}
.mi-l {
  mask-image: url("L.svg");
  -webkit-mask-image: url("L.svg");
}
.mi-m {
  mask-image: url("M.svg");
  -webkit-mask-image: url("M.svg");
}
.mi-n {
  mask-image: url("N.svg");
  -webkit-mask-image: url("N.svg");
}
.mi-o {
  mask-image: url("O.svg");
  -webkit-mask-image: url("O.svg");
}
.mi-p {
  mask-image: url("P.svg");
  -webkit-mask-image: url("P.svg");
}
.mi-q {
  mask-image: url("Q.svg");
  -webkit-mask-image: url("Q.svg");
}
.mi-r {
  mask-image: url("R.svg");
  -webkit-mask-image: url("R.svg");
}
.mi-s {
  mask-image: url("S.svg");
  -webkit-mask-image: url("S.svg");
}
.mi-t {
  mask-image: url("T.svg");
  -webkit-mask-image: url("T.svg");
}
.mi-u {
  mask-image: url("U.svg");
  -webkit-mask-image: url("U.svg");
}
.mi-v {
  mask-image: url("V.svg");
  -webkit-mask-image: url("V.svg");
}
.mi-w {
  mask-image: url("W.svg");
  -webkit-mask-image: url("W.svg");
}
.mi-x {
  mask-image: url("X.svg");
  -webkit-mask-image: url("X.svg");
}
.mi-y {
  mask-image: url("Y.svg");
  -webkit-mask-image: url("Y.svg");
}
.mi-z {
  mask-image: url("Z.svg");
  -webkit-mask-image: url("Z.svg");
}
.mi-triangle {
  mask-image: url("triangle.svg");
  -webkit-mask-image: url("triangle.svg");
}