Array of jQuery objects

by NickU

HTML

<div class=star5></div> | 
<svg style="vertical-align: middle;padding-bottom:1px;" height="13" width="13" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="darkRed" d="m13 0.66 5 5c0.88 0.88 0.88 2.3 0 3.2l-8.7 8.7 6.1 2e-4c0.38 0 0.69 0.28 0.74 0.65l0.0069 0.1c0 0.38-0.28 0.69-0.65 0.74l-0.1 0.0069-8.4 0.0012c-0.62 0.034-1.2-0.18-1.7-0.66l-5-5c-0.88-0.88-0.88-2.3 0-3.2l9.5-9.5c0.88-0.88 2.3-0.88 3.2 0zm-10 9.1-1.5 1.5c-0.29 0.29-0.29 0.77 0 1.1l5 5c0.15 0.15 0.34 0.22 0.53 0.22l0.029-0.0046 0.038 0.0016c0.17-0.015 0.33-0.087 0.46-0.22l1.5-1.5zm8-8-7 7 6 6 7-7c0.29-0.29 0.29-0.77 0-1.1l-5-5c-0.29-0.29-0.77-0.29-1.1 0z"></path></svg>

CSS

.star5
{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='vertical-align: text-bottom;' height='17' viewBox='0 0 24 24' width='17' fill='%2369a2d2'%3E%3Cg%3E%3Crect fill='none' height='24' width='24' x='0'/%3E%3Cpolygon points='14.43,10 12,2 9.57,10 2,10 8.18,14.41 5.83,22 12,17.31 18.18,22 15.83,14.41 22,10'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left top;
    height: 24px;
    width: 24px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: bottom;
}