.icon {    width: 25px;    height: 25px;    background-color: black;}.icon-brain {    mask: url("../images/brain.svg") no-repeat center;    -webkit-mask: url("../images/brain.svg") no-repeat center;}.icon-flag {    mask: url("../images/flag.svg") no-repeat center;    -webkit-mask: url("../images/flag.svg") no-repeat center;}.icon-glasses {    mask: url("../images/glasses.svg") no-repeat center;    -webkit-mask: url("../images/glasses.svg") no-repeat center;}.icon-scale-balanced {    mask: url("../images/scale-balanced.svg") no-repeat center;    -webkit-mask: url("../images/scale-balanced.svg") no-repeat center;}.icon-size-150 {    width: 150px;    height: 150px;}.icon-color-green {    background-color: #5bb62d;}.icon-color-gold {    background-color: #d6b473;}.icon-color-cyan {    background-color: #1cbbb6;}