.dashicons {
display: inline-block;
width: 20px;
height: 20px;
line-height: 1;
vertical-align: top;
text-align: center;
transition: color .1s ease-in;
} .dashicons-star-filled::before,
.dashicons-star-half::before,
.dashicons-star-empty::before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 20px 20px;
mask-size: 20px 20px;
}
.dashicons-star-filled::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M10%201l3%206%206%20.75-4.12%204.62L16%2019l-6-3-6%203%201.13-6.63L1%207.75%207%207z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M10%201l3%206%206%20.75-4.12%204.62L16%2019l-6-3-6%203%201.13-6.63L1%207.75%207%207z%27/%3E%3C/svg%3E");
}
.dashicons-star-half::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M10%201L7%207l-6%20.75%204.13%204.62L4%2019l6-3%206%203-1.12-6.63L19%207.75%2013%207zm0%202.24l2.34%204.69%204.65.58-3.18%203.56.87%205.15L10%2014.88V3.24z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M10%201L7%207l-6%20.75%204.13%204.62L4%2019l6-3%206%203-1.12-6.63L19%207.75%2013%207zm0%202.24l2.34%204.69%204.65.58-3.18%203.56.87%205.15L10%2014.88V3.24z%27/%3E%3C/svg%3E");
}
.dashicons-star-empty::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M10%201L7%207l-6%20.75%204.13%204.62L4%2019l6-3%206%203-1.12-6.63L19%207.75%2013%207zm0%202.24l2.34%204.69%204.65.58-3.18%203.56.87%205.15L10%2014.88l-4.68%202.34.87-5.15-3.18-3.56%204.65-.58z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M10%201L7%207l-6%20.75%204.13%204.62L4%2019l6-3%206%203-1.12-6.63L19%207.75%2013%207zm0%202.24l2.34%204.69%204.65.58-3.18%203.56.87%205.15L10%2014.88l-4.68%202.34.87-5.15-3.18-3.56%204.65-.58z%27/%3E%3C/svg%3E");
}