Link to back star:

1. <use fill='#e4e1f1' xlink:href='#L48' transform='scale(0.44)'/>

Then make a red star:

1. <use fill='#e4e1f1' xlink:href='#L48' transform='scale(0.44)'/>
2. <circle r='120' fill='url(#RGbgRed2)'/>

Then re-use the 108-light

1. <use fill='#e4e1f1' xlink:href='#L48' transform='scale(0.44)'/>
2. <circle r='120' fill='url(#RGbgRed2)'/>
3. <use xlink:href='#L108'/>
4. <circle r='80' fill='url(#RGbgGold)' fill-opacity='0.16'/>

It looks like the head star is much easier, just in only 4 lines.

Let's add supporting stars:

1. <g id='hd7'><!--head small stars-->
2. <g id='hd6'>
3. <g id='hd5'>
4. <g id='hd4'>
5. <g id='hd3' transform='translate(0,-113)'>
6. <g id='hd2'>
7. <g id='hd1'>
8. <use xlink:href='#hd0' transform='rotate(180)'/>
9. <circle id='hd0' r='1.68' cy='-4.8' fill='url(#RGbgRed2)' stroke='#fff' stroke-width='0.16'/>
10. </g><use xlink:href='#hd1' transform='rotate(90)'/>
11. </g><use xlink:href='#hd2' transform='rotate(45)'/>
12. <circle r='3.2' fill='url(#RGbgRed2)' stroke='#fbd769' stroke-width='0.25'/>
13. <use xlink:href='#b1' fill='url(#b2b)' transform='scale(0.53)' y='-60'/>
14. </g><use xlink:href='#hd3' transform='rotate(180)'/>
15. </g><use xlink:href='#hd4' transform='rotate(90)'/>
16. </g><use xlink:href='#hd5' transform='rotate(45)'/>
17. </g><use xlink:href='#hd6' transform='rotate(22.5)'/>
18. </g><use xlink:href='#hd7' transform='rotate(7.5)'/><use xlink:href='#hd7' transform='rotate(-7.5)'/>

Head stars and back stars

So far we have finished the back stars and head stars, and it takes 110 lines in 6200 bytes.

6K is a very small file, compared to this smiley face: em:10 which is more than 10K, or 2.4K when we pause it still