.unit-type-male {
height: 19px !important;
width: 7px !important;
left: 14px !important;
top: -1px !important;
display: inline-block;
-webkit-mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask-size: cover;
background-color: white;
}
.unit-type-car {
height: 20px !important;
width: 20px !important;
left: 8px !important;
top: -2px !important;
display: inline-block;
-webkit-mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask-size: cover;
background-color: white;
}
.unit-type-ship {
height: 20px !important;
width: 20px !important;
left: 8px !important;
top: -2px !important;
height: 15px;
width: 15px;
display: inline-block;
-webkit-mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask-size: cover;
background-color: white;
}
.unit-type-plane {
height: 20px !important;
width: 20px !important;
left: 8px !important;
top: -2px !important;
height: 15px;
width: 15px;
display: inline-block;
-webkit-mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask: url('data:image/svg+xml; utf8, ') no-repeat 50% 50%;
mask-size: cover;
background-color: white;
}