svg Drawing car

by Radonirina Maminiaina

HTML

<h1>SVG Training</h1>
    <svg width="500" height="500">
        <g>
            <rect x="60" y="175" width="350" height="50" fill="#3E4651" ry="5"></rect>
        </g>
        <g>
            <path d="
                M100,100 
                L300,100 
                L350,150 
                C425,175 425,125 450,225
                L450,225 
                L400,225 
                a25,25 -30 1,0 -75,0
                L150,225
                a25,25 -30 1,0 -75,0
                L50,225
                V150,150
                Z
            " stroke="#3D8EB9" stroke-width="2" fill="#3D8EB9"> </path>
        </g>
        <g>
            <path d="
                M110,110 
                L290,110 
                L330,150
                L70,150
                Z
            " stroke="black" stroke-width="3" fill="#111"> </path>></path>
        </g>
        <g>
            <circle cx="75" cy="175" r="10" stroke-width="1" stroke="black"  fill="#3D8EB9"></circle>
        </g>
        <g>
            <circle cx="362" cy="225" r="30" stroke-width="2" stroke="black"  fill="black"></circle>
            <circle cx="362" cy="225" r="15" stroke-width="2" stroke="black"  fill="grey"></circle>
        </g>
        <g>
            <circle cx="113" cy="225" r="30" stroke-width="2" stroke="black" fill="black"></circle>
            <circle cx="113" cy="225" r="15" stroke-width="2" stroke="black" fill="grey"></circle>
        </g>
        <g>
            <rect x="415" y="210" width="40" height="20" fill="#282830" rx="10"></rect>
            <rect x="45" y="177" width="20" height="50" fill="#282830" ry="5"></rect>
            <rect x="150" y="200" width="175" height="10" fill="#282830" ry="5"></rect>
        </g>
        <g>
            <rect x="415" y="158" width="20" height="40" fill="#FEC606" rx="50" style="transform: rotate(-25deg); transform-origin: 50% 50%;"></rect>
        </g>
    </svg>