.icon {
--icon-size: 20px;
--icon-color: #000000;
display: inline-block;
width: var(--icon-size);
height: var(--icon-size);
vertical-align: middle;
}
.icon-gear {
background-color: var(--icon-color);
mask-image: url('data:image/svg+xml,');
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}