artboard.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="399px" height="337px" viewBox="0 0 399 337" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Artboard</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Artboard">
            <rect id="Rectangle" fill="#D8D8D8" fill-rule="nonzero" x="43" y="0" width="306" height="337"></rect>
            <circle id="Oval" fill="#000000" cx="53.5" cy="157.5" r="53.5"></circle>
            <g transform=" matrix(0.866, -0.5, 0.25, 0.433, 53.5, 157.5)">
                <path d="M 0,70 A 65,70 0 0,0 65,0 5,5 0 0,1 75,0 75,70 0 0,1 0,70Z" fill="#FFF">
                    <animateTransform attributeName="transform" type="rotate" from="360 0 0" to="0 0 0" dur="1s" repeatCount="indefinite" />
                </path>
            </g>
            <path d="M 50,0 A 50,50 0 0,0 -50,0Z" transform="matrix(0.866, -0.5, 0.5, 0.866, 53.5, 157.5)" fill="#000000"/>
            <path d="M272.5,313 C305.913227,313 333,285.913227 333,252.5 C333,219.086773 266.873237,247.314103 233.46001,247.314103 C200.046783,247.314103 156.748463,233.690724 156.748463,267.103951 C156.748463,300.517179 239.086773,313 272.5,313 Z" id="Oval-Copy" fill="#DFB93B"></path>
            <text id="Type-something" font-family="PingFangSC-Regular, PingFang SC" font-size="36" font-weight="normal" fill="#FF3434">
                <tspan x="132" y="81">Hello World</tspan>
            </text>
        </g>
        <svg width="350" height="120">
            <circle cx="60" cy="60" r="15" style="fill: none; stroke: red;">
                <animate id="circleAnim" attributeName="cx" attributeType="XML" begin="0s" dur="5s" repeatCount="3" from="60" to="260" fill="freeze" />
            </circle>
            <rect x="230" y="80" width="60" height="30" style="fill: #ccf; stroke: black;">
                <animate attributeName="x" attributeType="XML" begin="circleAnim.repeat(1)+2.5s" dur="5s" from="230" to="30" fill="freeze" />
            </rect>
        </svg>
    </g>
</svg>