I wasn't happy with how I've implemented half-stars on my semlor.info website. It made use of a "dimmed" colour. Even though the rating is written out in text elsewhere, it wanted to improve it.

Sadly the half star unicode character is badly supported and "tofu" in all the places I tested. https://unicode-explorer.com/c/2BE8

So instead I've gone for a css based solution. Take a look at this Codepen: https://codepen.io/beantin/pen/VYKKzVq

⯨ U+2BE8 LEFT HALF BLACK STAR - Unicode Explorer

⯨ U+2BE8 LEFT HALF BLACK STAR, copy and paste, unicode character symbol info,