Some examples of raw SVG

The Star of Lakshmi

<rect x="100" y="40" width="100" height="100" stroke-width="1" stroke="#ffb13b" fill="none" />
<rect x="100" y="40" width="100" height="100" stroke-width="1" stroke="#ffb13b" fill="none"
    transform="rotate(45 150 90)" />

Newton's Cradle

<g>
    <line x1="100" y1="0" x2="100" y2="100" stroke-width="1" stroke="#75ea72" />
    <circle fill="#dc5d7b" stroke-width="0" cx="100" cy="100" r="15" /> 
        <animateTransform id="a1" attributeName="transform" attributeType="XML"
            type="rotate" from="0 100 0" to="30 100 0" begin="0;d2.end" dur="0.5s" />
        <animateTransform id="a2" attributeName="transform" attributeType="XML"
            type="rotate" from="30 100 0" to="0 100 0" begin="a1.end" dur="0.5s" />
</g>
<g>
    <line x1="130" y1="0" x2="130" y2="100" stroke-width="1" stroke="#75ea72" />
    <circle fill="#dc5d7b" stroke-width="0" cx="130" cy="100" r="15"> </circle>
</g>
    ...
<g>
    <line x1="310" y1="0" x2="310" y2="100" stroke-width="1" stroke="#75ea72" />
    <circle fill="#dc5d7b" stroke-width="0" cx="310" cy="100" r="15"> </circle>
    <animateTransform id="d1" attributeName="transform" attributeType="XML"
        type="rotate" from="0 310 0" to="-30 310 0" begin="a2.end" dur="0.5s" />
    <animatetransform id="d2" attributename="transform" attributetype="xml"
        type="rotate" from="-30 310 0" to="0 310 0" begin="d1.end" dur="0.5s" />
</g>

A circle with a radial gradient

<defs>
    <radialGradient id="blue-gradient">
        <stop offset="0%" stop-color="#3facff" />
        <stop offset="100%" stop-color="#1d75b8" />
    </radialGradient>
</defs>
<circle fill="url(#blue-gradient)" stroke-width="0" cx="35" cy="50" r="30" />