user-origin.svg

<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 200 200">
    <path id="bg" fill="#c3eade" d="M100,200c55.2,0,100-44.8,100-100S155.2,0,100,0S0,44.8,0,100S44.8,200,100,200L100,200z"/>
    <path id="shadow" fill="#aed1c7" d="M102.8,200c50.1-1.4,91-39.6,96.6-88.6l-72.6-72.6L102.8,200L102.8,200z"/>
    <path id="body" fill="#00aeff" d="M126.7,113.4c-3.8-5-15.2-11.4-26.7-11.4c-11.4,0-22.9,6.4-26.7,11.4
        c-12.7,16.7-21,43.2-21,65.9c0,3,0.2,5.9,0.4,8.8C66.8,195.7,82.9,200,100,200s33.2-4.3,47.2-11.8c0.3-2.9,0.4-5.8,0.4-8.8
        C147.7,156.6,139.3,130,126.7,113.4L126.7,113.4z"/>
    <path id="face" fill="#fff2de" d="M132.6,74.3c0,12.5-5.7,27-14.4,36.1c-2.6,2.7-10.4,6.2-18.2,6.2s-15.6-3.5-18.2-6.2
        c-8.7-9.1-14.4-23.7-14.4-36.1c0-19.9,14.6-36.1,32.6-36.1S132.6,54.4,132.6,74.3L132.6,74.3z"/>
    <circle id="eye-r" fill="#2f3947" cx="113.8" cy="77" r="5.7"/>
    <circle id="eye-l" fill="#2f3947" cx="86.2" cy="77" r="5.7"/>
    <path id="hair" fill="#f4a811" d="M70.4,90.5c-1.8-5.4-2.8-11-2.8-16.2c0-3.3,0.4-6.5,1.2-9.6H91l8.8-9c0,17.8,11.9,20.7,11.9,20.7
        s0.2-3.1,0.2-10.1c0,6.8,11.2,15.2,15,15.2c-1.8,0-3.9-6-3.9-15.4c0,17.5,23.5,23.5,23.5,23.5c-6.6-5.1-7.9-14.6-7.9-23.4
        c0-21.2-17.2-38.4-38.4-38.4S61.8,45,61.8,66.2c0,8.6,2.8,16.5,7.5,22.9L70.4,90.5L70.4,90.5z"/>
    <path id="body-detail" fill="#009be3" d="M107.3,174.3l8.7-49c0,0-10.5,2-16.3,2c-5.8,0-15.7-2-15.7-2l8.7,49H107.3L107.3,174.3z"/>

    <g id="glasses">
        <g transform="matrix(-0.538462,3.05067e-16,-3.80344e-16,-0.671329,147.077,129.72)">
            <path d="M93,83L80,83L80,78.531C80,80.998 82.913,83 86.5,83C90.087,83 93,80.998 93,78.531L93,83Z" style="fill:rgb(47,57,71);"/>
        </g>
        <g transform="matrix(0.188406,0,0,0.5,81.3768,37)">
            <rect x="67" y="70" width="69" height="4" style="fill:rgb(47,57,71);"/>
        </g>
        <g transform="matrix(0.188406,0,0,0.75,53.3768,23.5)">
            <rect x="67" y="70" width="69" height="4" style="fill:rgb(47,57,71);"/>
          </g>
        <g transform="matrix(0.188406,0,0,0.75,108.377,23.5)">
            <path d="M136,72C136,70.896 132.433,70 128.038,70L74.962,70C70.567,70 67,70.896 67,72C67,73.104 70.567,74 74.962,74L128.038,74C132.433,74 136,73.104 136,72Z" style="fill:rgb(47,57,71);"/>
        </g>
        <g transform="matrix(1.61538,0,0,1.53846,-53.2308,-38.6923)">
            <path d="M93,72.6C93,71.165 91.89,70 90.524,70L84.379,70C81.962,70 80,72.06 80,74.598L80,77.347C80,80.467 82.412,83 85.384,83C89.587,83 93,79.417 93,75.003L93,72.6Z" style="fill:rgb(47,57,71);"/>
        </g>
        <g transform="matrix(-1.61538,0,0,1.53846,254.231,-38.6923)">
            <path d="M93,72.6C93,71.165 91.89,70 90.524,70L84.379,70C81.962,70 80,72.06 80,74.598L80,77.347C80,80.467 82.412,83 85.384,83C89.587,83 93,79.417 93,75.003L93,72.6Z" style="fill:rgb(47,57,71);"/>
        </g>
    </g>
</svg>