HTML code
<!-- 6-petaled flowers (6) -->
<svg class="flower" viewBox="0 0 200 200">
<path style="fill: var(--l1);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill: var(--l2);" d="M100,100 q46.7,-30.8 50,-86.6 q-46.7,30.8 -50,86.6" />
<path style="fill: var(--l3);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill: var(--l4);" d="M100,100 q-50,25 -100,0 q50,-25 100,0" />
<path style="fill: var(--l5);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
<path style="fill: var(--l6);" d="M100,100 q46.7,30.8 50,86.6 q-46.7,-30.8 -50,-86.6" />
</svg>
<svg class="flower" viewBox="0 0 200 200">
<path style="fill: var(--l6);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill: var(--l1);" d="M100,100 q46.7,-30.8 50,-86.6 q-46.7,30.8 -50,86.6" />
<path style="fill: var(--l5);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill: var(--l2);" d="M100,100 q-50,25 -100,0 q50,-25 100,0" />
<path style="fill: var(--l4);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
<path style="fill: var(--l3);" d="M100,100 q46.7,30.8 50,86.6 q-46.7,-30.8 -50,-86.6" />
</svg>
<svg class="flower" viewBox="0 0 200 200">
<path style="fill: var(--l3);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill: var(--l6);" d="M100,100 q46.7,-30.8 50,-86.6 q-46.7,30.8 -50,86.6" />
<path style="fill: var(--l4);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill: var(--l1);" d="M100,100 q-50,25 -100,0 q50,-25 100,0" />
<path style="fill: var(--l2);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
<path style="fill: var(--l5);" d="M100,100 q46.7,30.8 50,86.6 q-46.7,-30.8 -50,-86.6" />
</svg>
<svg class="flower" viewBox="0 0 200 200">
<path style="fill: var(--l5);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill: var(--l3);" d="M100,100 q46.7,-30.8 50,-86.6 q-46.7,30.8 -50,86.6" />
<path style="fill: var(--l2);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill: var(--l6);" d="M100,100 q-50,25 -100,0 q50,-25 100,0" />
<path style="fill: var(--l1);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
<path style="fill: var(--l4);" d="M100,100 q46.7,30.8 50,86.6 q-46.7,-30.8 -50,-86.6" />
</svg>
<svg class="flower" viewBox="0 0 200 200">
<path style="fill: var(--l4);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill: var(--l5);" d="M100,100 q46.7,-30.8 50,-86.6 q-46.7,30.8 -50,86.6" />
<path style="fill: var(--l1);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill: var(--l3);" d="M100,100 q-50,25 -100,0 q50,-25 100,0" />
<path style="fill: var(--l5);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
<path style="fill: var(--l2);" d="M100,100 q46.7,30.8 50,86.6 q-46.7,-30.8 -50,-86.6" />
</svg>
<svg class="flower" viewBox="0 0 200 200">
<path style="fill: var(--l2);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill: var(--l4);" d="M100,100 q46.7,-30.8 50,-86.6 q-46.7,30.8 -50,86.6" />
<path style="fill: var(--l6);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill: var(--l5);" d="M100,100 q-50,25 -100,0 q50,-25 100,0" />
<path style="fill: var(--l3);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
<path style="fill: var(--l1);" d="M100,100 q46.7,30.8 50,86.6 q-46.7,-30.8 -50,-86.6" />
</svg>
<!-- gradients for envoi -->
<svg height="0" width="0">
<defs>
<linearGradient id="linearGradient65">
<stop offset="0" style="stop-color: var(--l6);" />
<stop offset="1" style="stop-color: var(--l5);" />
</linearGradient>
<linearGradient id="linearGradient24">
<stop offset="0" style="stop-color: var(--l2);" />
<stop offset="1" style="stop-color: var(--l4);" />
</linearGradient>
<linearGradient id="linearGradient31">
<stop offset="0" style="stop-color: var(--l3);" />
<stop offset="1" style="stop-color: var(--l1);" />
</linearGradient>
</defs>
</svg>
<!-- 3-petaled flower for envoi -->
<svg class="flower" viewBox="0 0 200 200">
<path style="fill:url(#linearGradient65);" d="M100,100 q50,-25 100,0 q-50,25 -100,0" />
<path style="fill:url(#linearGradient24);" d="M100,100 q-46.7,-30.8 -50,-86.6 q46.7,30.8 50,86.6" />
<path style="fill:url(#linearGradient31);" d="M100,100 q-46.7,30.8 -50,86.6 q46.7,-30.8 50,-86.6" />
</svg>
<br>
<!-- stellated dodecahedrons (6) -->
<svg class="dodec" viewBox="-200 -200 400 400">
<!-- front star -->
<path style="fill:var(--l1);" d="M-32,46 L0,145 L32,46 Z" />
<path style="fill:var(--l1);" d="M32,46 L132,46 L51,-16 Z" />
<path style="fill:var(--l1);" d="M51,-16 L83,-113 L0,-52 Z" />
<path style="fill:var(--l1);" d="M0,-52 L-83,-113 L-51,-16 Z" />
<path style="fill:var(--l1);" d="M-51,-16 L-132,46 L-32,46 Z" />
<!-- top star -->
<path style="fill:var(--l2);" d="M0,0 L32,46 L-32,46 Z" />
<path style="fill:var(--l2);" d="M-32,46 L-132,46 L-52,72 Z" />
<path style="fill:var(--l2);" d="M-52,72 L-83,115 L-32,100 Z" />
<path style="fill:var(--l2);" d="M32,100 L83,115 L52,72 Z" />
<path style="fill:var(--l2);" d="M52,72 L132,46 L32,46 Z" />
<!-- top side -->
<path style="fill:var(--l3);" d="M0,0 L51,-16 L32,46 Z" />
<path style="fill:var(--l3);" d="M32,46 L0,145 L52,72 Z" />
<path style="fill:var(--l3);" d="M52,72 L83,115 L82,62 Z" />
<path style="fill:var(--l3);" d="M100,0 L135,-44 L83,-27 Z" />
<path style="fill:var(--l3);" d="M83,-27 L83,-113 L51,-16 Z" />
<!-- bottom side -->
<path style="fill:var(--l4);" d="M0,0 L51,-16 L0,-52 Z" />
<path style="fill:var(--l4);" d="M0,-52 L-83,-113 L0,-88 Z" />
<path style="fill:var(--l4);" d="M0,-88 L0,-142 L32,-97.5 Z" />
<path style="fill:var(--l4);" d="M83,-59 L135,-44 L83,-27 Z" />
<path style="fill:var(--l4);" d="M83,-27 L132,46 L51,-16 Z" />
<!-- reflect top side across y-axis -->
<path style="fill:var(--l5);" d="M0,0 L-51,-16 L-32,46 Z" />
<path style="fill:var(--l5);" d="M-32,46 L-0,145 L-52,72 Z" />
<path style="fill:var(--l5);" d="M-52,72 L-83,115 L-82,62 Z" />
<path style="fill:var(--l5);" d="M-100,0 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l5);" d="M-83,-27 L-83,-113 L-51,-16 Z" />
<!-- reflect bottom side across y-axis -->
<path style="fill:var(--l6);" d="M0,0 L-51,-16 L0,-52 Z" />
<path style="fill:var(--l6);" d="M0,-52 L83,-113 L0,-88 Z" />
<path style="fill:var(--l6);" d="M0,-88 L0,-142 L-32,-97.5 Z" />
<path style="fill:var(--l6);" d="M-83,-59 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l6);" d="M-83,-27 L-132,46 L-51,-16 Z" />
</svg>
<svg class="dodec" viewBox="-200 -200 400 400">
<!-- front star -->
<path style="fill:var(--l6);" d="M-32,46 L0,145 L32,46 Z" />
<path style="fill:var(--l6);" d="M32,46 L132,46 L51,-16 Z" />
<path style="fill:var(--l6);" d="M51,-16 L83,-113 L0,-52 Z" />
<path style="fill:var(--l6);" d="M0,-52 L-83,-113 L-51,-16 Z" />
<path style="fill:var(--l6);" d="M-51,-16 L-132,46 L-32,46 Z" />
<!-- top star -->
<path style="fill:var(--l1);" d="M0,0 L32,46 L-32,46 Z" />
<path style="fill:var(--l1);" d="M-32,46 L-132,46 L-52,72 Z" />
<path style="fill:var(--l1);" d="M-52,72 L-83,115 L-32,100 Z" />
<path style="fill:var(--l1);" d="M32,100 L83,115 L52,72 Z" />
<path style="fill:var(--l1);" d="M52,72 L132,46 L32,46 Z" />
<!-- top side -->
<path style="fill:var(--l5);" d="M0,0 L51,-16 L32,46 Z" />
<path style="fill:var(--l5);" d="M32,46 L0,145 L52,72 Z" />
<path style="fill:var(--l5);" d="M52,72 L83,115 L82,62 Z" />
<path style="fill:var(--l5);" d="M100,0 L135,-44 L83,-27 Z" />
<path style="fill:var(--l5);" d="M83,-27 L83,-113 L51,-16 Z" />
<!-- bottom side -->
<path style="fill:var(--l2);" d="M0,0 L51,-16 L0,-52 Z" />
<path style="fill:var(--l2);" d="M0,-52 L-83,-113 L0,-88 Z" />
<path style="fill:var(--l2);" d="M0,-88 L0,-142 L32,-97.5 Z" />
<path style="fill:var(--l2);" d="M83,-59 L135,-44 L83,-27 Z" />
<path style="fill:var(--l2);" d="M83,-27 L132,46 L51,-16 Z" />
<!-- reflect top side across y-axis -->
<path style="fill:var(--l4);" d="M0,0 L-51,-16 L-32,46 Z" />
<path style="fill:var(--l4);" d="M-32,46 L-0,145 L-52,72 Z" />
<path style="fill:var(--l4);" d="M-52,72 L-83,115 L-82,62 Z" />
<path style="fill:var(--l4);" d="M-100,0 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l4);" d="M-83,-27 L-83,-113 L-51,-16 Z" />
<!-- reflect bottom side across y-axis -->
<path style="fill:var(--l3);" d="M0,0 L-51,-16 L0,-52 Z" />
<path style="fill:var(--l3);" d="M0,-52 L83,-113 L0,-88 Z" />
<path style="fill:var(--l3);" d="M0,-88 L0,-142 L-32,-97.5 Z" />
<path style="fill:var(--l3);" d="M-83,-59 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l3);" d="M-83,-27 L-132,46 L-51,-16 Z" />
</svg>
<svg class="dodec" viewBox="-200 -200 400 400">
<!-- front star -->
<path style="fill:var(--l3);" d="M-32,46 L0,145 L32,46 Z" />
<path style="fill:var(--l3);" d="M32,46 L132,46 L51,-16 Z" />
<path style="fill:var(--l3);" d="M51,-16 L83,-113 L0,-52 Z" />
<path style="fill:var(--l3);" d="M0,-52 L-83,-113 L-51,-16 Z" />
<path style="fill:var(--l3);" d="M-51,-16 L-132,46 L-32,46 Z" />
<!-- top star -->
<path style="fill:var(--l6);" d="M0,0 L32,46 L-32,46 Z" />
<path style="fill:var(--l6);" d="M-32,46 L-132,46 L-52,72 Z" />
<path style="fill:var(--l6);" d="M-52,72 L-83,115 L-32,100 Z" />
<path style="fill:var(--l6);" d="M32,100 L83,115 L52,72 Z" />
<path style="fill:var(--l6);" d="M52,72 L132,46 L32,46 Z" />
<!-- top side -->
<path style="fill:var(--l4);" d="M0,0 L51,-16 L32,46 Z" />
<path style="fill:var(--l4);" d="M32,46 L0,145 L52,72 Z" />
<path style="fill:var(--l4);" d="M52,72 L83,115 L82,62 Z" />
<path style="fill:var(--l4);" d="M100,0 L135,-44 L83,-27 Z" />
<path style="fill:var(--l4);" d="M83,-27 L83,-113 L51,-16 Z" />
<!-- bottom side -->
<path style="fill:var(--l1);" d="M0,0 L51,-16 L0,-52 Z" />
<path style="fill:var(--l1);" d="M0,-52 L-83,-113 L0,-88 Z" />
<path style="fill:var(--l1);" d="M0,-88 L0,-142 L32,-97.5 Z" />
<path style="fill:var(--l1);" d="M83,-59 L135,-44 L83,-27 Z" />
<path style="fill:var(--l1);" d="M83,-27 L132,46 L51,-16 Z" />
<!-- reflect top side across y-axis -->
<path style="fill:var(--l2);" d="M0,0 L-51,-16 L-32,46 Z" />
<path style="fill:var(--l2);" d="M-32,46 L-0,145 L-52,72 Z" />
<path style="fill:var(--l2);" d="M-52,72 L-83,115 L-82,62 Z" />
<path style="fill:var(--l2);" d="M-100,0 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l2);" d="M-83,-27 L-83,-113 L-51,-16 Z" />
<!-- reflect bottom side across y-axis -->
<path style="fill:var(--l5);" d="M0,0 L-51,-16 L0,-52 Z" />
<path style="fill:var(--l5);" d="M0,-52 L83,-113 L0,-88 Z" />
<path style="fill:var(--l5);" d="M0,-88 L0,-142 L-32,-97.5 Z" />
<path style="fill:var(--l5);" d="M-83,-59 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l5);" d="M-83,-27 L-132,46 L-51,-16 Z" />
</svg>
<svg class="dodec" viewBox="-200 -200 400 400">
<!-- front star -->
<path style="fill:var(--l5);" d="M-32,46 L0,145 L32,46 Z" />
<path style="fill:var(--l5);" d="M32,46 L132,46 L51,-16 Z" />
<path style="fill:var(--l5);" d="M51,-16 L83,-113 L0,-52 Z" />
<path style="fill:var(--l5);" d="M0,-52 L-83,-113 L-51,-16 Z" />
<path style="fill:var(--l5);" d="M-51,-16 L-132,46 L-32,46 Z" />
<!-- top star -->
<path style="fill:var(--l3);" d="M0,0 L32,46 L-32,46 Z" />
<path style="fill:var(--l3);" d="M-32,46 L-132,46 L-52,72 Z" />
<path style="fill:var(--l3);" d="M-52,72 L-83,115 L-32,100 Z" />
<path style="fill:var(--l3);" d="M32,100 L83,115 L52,72 Z" />
<path style="fill:var(--l3);" d="M52,72 L132,46 L32,46 Z" />
<!-- top side -->
<path style="fill:var(--l2);" d="M0,0 L51,-16 L32,46 Z" />
<path style="fill:var(--l2);" d="M32,46 L0,145 L52,72 Z" />
<path style="fill:var(--l2);" d="M52,72 L83,115 L82,62 Z" />
<path style="fill:var(--l2);" d="M100,0 L135,-44 L83,-27 Z" />
<path style="fill:var(--l2);" d="M83,-27 L83,-113 L51,-16 Z" />
<!-- bottom side -->
<path style="fill:var(--l6);" d="M0,0 L51,-16 L0,-52 Z" />
<path style="fill:var(--l6);" d="M0,-52 L-83,-113 L0,-88 Z" />
<path style="fill:var(--l6);" d="M0,-88 L0,-142 L32,-97.5 Z" />
<path style="fill:var(--l6);" d="M83,-59 L135,-44 L83,-27 Z" />
<path style="fill:var(--l6);" d="M83,-27 L132,46 L51,-16 Z" />
<!-- reflect top side across y-axis -->
<path style="fill:var(--l1);" d="M0,0 L-51,-16 L-32,46 Z" />
<path style="fill:var(--l1);" d="M-32,46 L-0,145 L-52,72 Z" />
<path style="fill:var(--l1);" d="M-52,72 L-83,115 L-82,62 Z" />
<path style="fill:var(--l1);" d="M-100,0 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l1);" d="M-83,-27 L-83,-113 L-51,-16 Z" />
<!-- reflect bottom side across y-axis -->
<path style="fill:var(--l4);" d="M0,0 L-51,-16 L0,-52 Z" />
<path style="fill:var(--l4);" d="M0,-52 L83,-113 L0,-88 Z" />
<path style="fill:var(--l4);" d="M0,-88 L0,-142 L-32,-97.5 Z" />
<path style="fill:var(--l4);" d="M-83,-59 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l4);" d="M-83,-27 L-132,46 L-51,-16 Z" />
</svg>
<svg class="dodec" viewBox="-200 -200 400 400">
<!-- front star -->
<path style="fill:var(--l4);" d="M-32,46 L0,145 L32,46 Z" />
<path style="fill:var(--l4);" d="M32,46 L132,46 L51,-16 Z" />
<path style="fill:var(--l4);" d="M51,-16 L83,-113 L0,-52 Z" />
<path style="fill:var(--l4);" d="M0,-52 L-83,-113 L-51,-16 Z" />
<path style="fill:var(--l4);" d="M-51,-16 L-132,46 L-32,46 Z" />
<!-- top star -->
<path style="fill:var(--l5);" d="M0,0 L32,46 L-32,46 Z" />
<path style="fill:var(--l5);" d="M-32,46 L-132,46 L-52,72 Z" />
<path style="fill:var(--l5);" d="M-52,72 L-83,115 L-32,100 Z" />
<path style="fill:var(--l5);" d="M32,100 L83,115 L52,72 Z" />
<path style="fill:var(--l5);" d="M52,72 L132,46 L32,46 Z" />
<!-- top side -->
<path style="fill:var(--l1);" d="M0,0 L51,-16 L32,46 Z" />
<path style="fill:var(--l1);" d="M32,46 L0,145 L52,72 Z" />
<path style="fill:var(--l1);" d="M52,72 L83,115 L82,62 Z" />
<path style="fill:var(--l1);" d="M100,0 L135,-44 L83,-27 Z" />
<path style="fill:var(--l1);" d="M83,-27 L83,-113 L51,-16 Z" />
<!-- bottom side -->
<path style="fill:var(--l3);" d="M0,0 L51,-16 L0,-52 Z" />
<path style="fill:var(--l3);" d="M0,-52 L-83,-113 L0,-88 Z" />
<path style="fill:var(--l3);" d="M0,-88 L0,-142 L32,-97.5 Z" />
<path style="fill:var(--l3);" d="M83,-59 L135,-44 L83,-27 Z" />
<path style="fill:var(--l3);" d="M83,-27 L132,46 L51,-16 Z" />
<!-- reflect top side across y-axis -->
<path style="fill:var(--l6);" d="M0,0 L-51,-16 L-32,46 Z" />
<path style="fill:var(--l6);" d="M-32,46 L-0,145 L-52,72 Z" />
<path style="fill:var(--l6);" d="M-52,72 L-83,115 L-82,62 Z" />
<path style="fill:var(--l6);" d="M-100,0 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l6);" d="M-83,-27 L-83,-113 L-51,-16 Z" />
<!-- reflect bottom side across y-axis -->
<path style="fill:var(--l2);" d="M0,0 L-51,-16 L0,-52 Z" />
<path style="fill:var(--l2);" d="M0,-52 L83,-113 L0,-88 Z" />
<path style="fill:var(--l2);" d="M0,-88 L0,-142 L-32,-97.5 Z" />
<path style="fill:var(--l2);" d="M-83,-59 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l2);" d="M-83,-27 L-132,46 L-51,-16 Z" />
</svg>
<svg class="dodec" viewBox="-200 -200 400 400">
<!-- front star -->
<path style="fill:var(--l2);" d="M-32,46 L0,145 L32,46 Z" />
<path style="fill:var(--l2);" d="M32,46 L132,46 L51,-16 Z" />
<path style="fill:var(--l2);" d="M51,-16 L83,-113 L0,-52 Z" />
<path style="fill:var(--l2);" d="M0,-52 L-83,-113 L-51,-16 Z" />
<path style="fill:var(--l2);" d="M-51,-16 L-132,46 L-32,46 Z" />
<!-- top star -->
<path style="fill:var(--l4);" d="M0,0 L32,46 L-32,46 Z" />
<path style="fill:var(--l4);" d="M-32,46 L-132,46 L-52,72 Z" />
<path style="fill:var(--l4);" d="M-52,72 L-83,115 L-32,100 Z" />
<path style="fill:var(--l4);" d="M32,100 L83,115 L52,72 Z" />
<path style="fill:var(--l4);" d="M52,72 L132,46 L32,46 Z" />
<!-- top side -->
<path style="fill:var(--l6);" d="M0,0 L51,-16 L32,46 Z" />
<path style="fill:var(--l6);" d="M32,46 L0,145 L52,72 Z" />
<path style="fill:var(--l6);" d="M52,72 L83,115 L82,62 Z" />
<path style="fill:var(--l6);" d="M100,0 L135,-44 L83,-27 Z" />
<path style="fill:var(--l6);" d="M83,-27 L83,-113 L51,-16 Z" />
<!-- bottom side -->
<path style="fill:var(--l5);" d="M0,0 L51,-16 L0,-52 Z" />
<path style="fill:var(--l5);" d="M0,-52 L-83,-113 L0,-88 Z" />
<path style="fill:var(--l5);" d="M0,-88 L0,-142 L32,-97.5 Z" />
<path style="fill:var(--l5);" d="M83,-59 L135,-44 L83,-27 Z" />
<path style="fill:var(--l5);" d="M83,-27 L132,46 L51,-16 Z" />
<!-- reflect top side across y-axis -->
<path style="fill:var(--l3);" d="M0,0 L-51,-16 L-32,46 Z" />
<path style="fill:var(--l3);" d="M-32,46 L-0,145 L-52,72 Z" />
<path style="fill:var(--l3);" d="M-52,72 L-83,115 L-82,62 Z" />
<path style="fill:var(--l3);" d="M-100,0 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l3);" d="M-83,-27 L-83,-113 L-51,-16 Z" />
<!-- reflect bottom side across y-axis -->
<path style="fill:var(--l1);" d="M0,0 L-51,-16 L0,-52 Z" />
<path style="fill:var(--l1);" d="M0,-52 L83,-113 L0,-88 Z" />
<path style="fill:var(--l1);" d="M0,-88 L0,-142 L-32,-97.5 Z" />
<path style="fill:var(--l1);" d="M-83,-59 L-135,-44 L-83,-27 Z" />
<path style="fill:var(--l1);" d="M-83,-27 L-132,46 L-51,-16 Z" />
</svg>
<!-- cube for envoi -->
<svg class="cube" viewBox="-100 -100 200 200">
<!-- top -->
<path style="fill:url(#linearGradient65);" d="M0,0 L60,20 L0,40 L-60,20 Z" />
<!-- sides -->
<path style="fill:url(#linearGradient24);" d="M0,0 L60,20 L60,-63 L0,-85 Z" />
<path style="fill:url(#linearGradient31);" d="M0,0 L-60,20 L-60,-63 L0,-85 Z" />
</svg>
/********* css *********/
:root {
--l1: #ffa23456;
--l2: #fff15243;
--l3: #ffc64125;
--l4: #ffe32614;
--l5: #ffd51362;
--l6: #ffb46531;
}
/* flowers */
.flower {
margin: 5px;
height: 170px;
width: 170px;
}
/* dodecahedrons */
.dodec {
margin: -20px;
height: 225px;
width: 225px;
}
.cube {
margin: 20px;
height: 110px;
width: 110px;
}