rachael.fulcher
7/5/2018 - 7:03 AM

Custom stars

Make in illustrator. Export. Run through SVGOMG. Encode with https://yoksel.github.io/url-encoder/

.okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer {
  background-image: url('data:image/svg+xml;charset=UTF-8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%3E%3Cpath%20d%3D%22M72%2011.368l-3.94%202.42c-.474.292-.756.1-.628-.443l1.068-4.53L65%205.793c-.422-.363-.324-.693.24-.74l4.6-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.6.37c.55.046.665.37.236.74l-3.507%203.02%201.074%204.532c.127.536-.147.74-.628.444l-3.94-2.423zm-16%200l-3.94%202.42c-.474.292-.756.1-.628-.443l1.068-4.53L49%205.793c-.422-.363-.324-.693.24-.74l4.6-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.6.37c.55.046.665.37.236.74l-3.507%203.02%201.074%204.532c.127.536-.147.74-.628.444l-3.94-2.423zm-15.873%200l-3.94%202.42c-.475.292-.756.1-.63-.443l1.076-4.53-3.51-3.022c-.42-.363-.323-.693.24-.74l4.6-.37%201.777-4.3c.21-.51.55-.512.763%200l1.778%204.3%204.6.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.128.536-.146.74-.627.444l-3.94-2.423zm-16.047%200l-3.94%202.42c-.475.292-.757.1-.63-.443l1.076-4.53-3.511-3.022c-.422-.363-.324-.693.238-.74l4.6-.37L23.7.383c.21-.51.55-.512.76%200l1.78%204.3%204.6.37c.554.046.667.37.24.74l-3.51%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.423zm-15.953%200l-3.94%202.42c-.475.292-.756.1-.63-.443l1.076-4.53-3.514-3.023C.7%205.429.8%205.1%201.359%205.052l4.6-.37L7.74.382c.21-.51.55-.512.762%200l1.778%204.3%204.6.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%20fill%3D%22%23{{background_fill_color}}%22%2F%3E%3Cpath%20d%3D%22M8.120999999999995%202.0780000000000003l1.235%202.986a1%201%200%200%200%20.844.615l3.22.259-2.457%202.116a1%201%200%200%200-.321.989l.749%203.158-2.745-1.687a1%201%200%200%200-1.088.027L4.852%2012.2%205.6%209.046a1%201%200%200%200-.32-.989L2.822%205.938l3.219-.259a1%201%200%200%200%20.844-.615l1.236-2.986m32%200l1.235%202.987a1%201%200%200%200%20.844.615l3.221.259-2.456%202.116a1%201%200%200%200-.321.989l.748%203.157-2.743-1.687a1%201%200%200%200-.522-.147%201%201%200%200%200-.541.157L36.852%2012.2l.75-3.157a1%201%200%200%200-.321-.989l-2.459-2.115%203.22-.259a1%201%200%200%200%20.844-.615l1.236-2.987M72%202.079l1.236%202.986a1%201%200%200%200%20.844.615l3.216.259-2.461%202.116a1%201%200%200%200-.32.989l.748%203.158-2.745-1.688a1%201%200%200%200-1.095.032l-2.7%201.656.748-3.156a1%201%200%200%200-.32-.989L66.7%205.939l3.22-.259a1%201%200%200%200%20.844-.615L72%202.079m-16%200l1.236%202.986a1%201%200%200%200%20.844.615l3.216.259-2.461%202.116a1%201%200%200%200-.32.989l.748%203.158-2.745-1.688a.992.992%200%200%200-.518-.148%201%201%200%200%200-.573.18l-2.7%201.656.748-3.156a1%201%200%200%200-.32-.989L50.7%205.939l3.22-.259a1%201%200%200%200%20.844-.615L56%202.079m-31.921%200l1.236%202.985a1%201%200%200%200%20.844.615l3.219.259-2.46%202.117a1%201%200%200%200-.321.989l.748%203.158-2.745-1.688a1%201%200%200%200-1.012-.02l-.07.043-2.713%201.663.75-3.157a1%201%200%200%200-.32-.989l-2.458-2.115L22%205.68a1%201%200%200%200%20.844-.615l1.232-2.985M8.121%200c-.138%200-.276.128-.381.383l-1.779%204.3-4.6.37c-.564.047-.662.377-.24.74l3.51%203.023-1.076%204.53c-.086.37.019.578.247.578a.766.766%200%200%200%20.383-.135l3.94-2.42%203.94%202.422a.775.775%200%200%200%20.384.136c.229%200%20.331-.211.244-.58l-1.078-4.535%203.508-3.02c.427-.37.314-.694-.24-.74l-4.6-.37L8.5.382C8.4.126%208.258%200%208.121%200zM72%200c-.138%200-.276.128-.381.383l-1.778%204.3-4.6.37c-.564.047-.662.377-.24.74L68.5%208.815l-1.074%204.53c-.088.37.017.578.245.578a.766.766%200%200%200%20.383-.135L72%2011.368l3.94%202.423a.775.775%200%200%200%20.384.136c.229%200%20.331-.211.244-.58l-1.08-4.534L79%205.793c.429-.37.314-.694-.236-.74l-4.6-.37-1.78-4.3C72.271.127%2072.133%200%2072%200zM56%200c-.138%200-.276.128-.381.383l-1.778%204.3-4.6.37c-.564.047-.662.377-.24.74L52.5%208.815l-1.074%204.53c-.088.37.017.578.245.578a.766.766%200%200%200%20.383-.135L56%2011.368l3.94%202.423a.775.775%200%200%200%20.384.136c.229%200%20.331-.211.244-.58l-1.08-4.534L63%205.793c.429-.37.314-.694-.236-.74l-4.6-.37-1.78-4.3C56.271.127%2056.133%200%2056%200zM40.121%200c-.138%200-.276.128-.381.383l-1.778%204.3-4.6.37c-.563.047-.66.377-.24.74l3.51%203.022-1.076%204.53c-.086.37.019.578.247.578a.766.766%200%200%200%20.383-.135l3.94-2.42%203.94%202.423a.775.775%200%200%200%20.384.136c.229%200%20.331-.211.243-.58l-1.076-4.534%203.508-3.02c.427-.37.314-.694-.24-.74l-4.6-.37L40.5.383C40.4.127%2040.259%200%2040.121%200zM24.076%200c-.137%200-.275.128-.38.383l-1.78%204.3-4.6.37c-.562.047-.66.377-.238.74l3.507%203.022-1.076%204.53c-.087.37.018.578.247.578a.766.766%200%200%200%20.383-.135l3.94-2.42%203.94%202.423a.781.781%200%200%200%20.385.136c.229%200%20.33-.211.243-.58L27.57%208.813l3.508-3.02c.427-.37.314-.694-.24-.74l-4.6-.37-1.78-4.3C24.351.127%2024.214%200%2024.076%200z%22%20fill%3D%22%23{{background_stroke_color}}%22%2F%3E%3C%2Fsvg%3E');
}
.okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer--foreground {
  background-image: url('data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23{{foreground_fill_color}}%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.okeReviews-starRating-indicator-layer {
  background-image: url("<encoded background svg>")
}

.okeReviews-starRating-indicator-layer--foreground {
  background-image: url("<encoded foreground svg>")
}