Front End

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 124.216 124.216"
>
    <ellipse cx="60.522" cy="62.517" fill="#f4f2f4" rx="54.313" ry="54.787" />
    <path
        fill="#0ff"
        d="M2.108 66.047v6.774c0 1.676 1.347 3.04 3.002 3.04h58.043c1.674 0 3.021-1.364 3.021-3.06v-6.755H2.108z"
    />
    <path
        fill="#636"
        d="M20.811 54.544h18.988v2H20.811zM42.775 54.544h15.469v2H42.775zM15.981 45.121h37.605v2H15.981zM21.674 35.36h4.662v2h-4.662zM31.587 35.22h27.425v2H31.587zM54.866 69.19h1.276v2h-1.276zM6.956 42.261v1.852l3.685 1.488-3.685 1.49v1.851l6.606-2.752v-1.177zM12.461 33.353v1.852l3.685 1.488-3.685 1.49v1.851l6.606-2.752v-1.177zM11.36 52.283v1.852l3.685 1.488-3.685 1.49v1.851l6.606-2.753v-1.176z"
    />
    <path
        fill="#ff0"
        d="M115.792 27.261c0-10.088-8.032-18.278-17.978-18.375-9.964-.098-18.219 8.071-18.335 18.155a18.432 18.432 0 0 0 5.002 12.887c4.242 4.51 6.52 10.554 6.52 16.78V58.9h13.268v-2.455c0-6.194 2.423-12.096 6.611-16.614a18.43 18.43 0 0 0 4.912-12.57z"
    />
    <g fill="#636">
        <path
            d="M104.269 59.899H91.001c-1.308 0-1.109-2.362-1-3.191 0-6.095-2.219-11.811-6.249-16.095-3.459-3.679-5.332-8.503-5.273-13.584.124-10.659 8.758-19.233 19.346-19.143 10.459.103 18.968 8.795 18.968 19.376 0 4.94-1.839 9.646-5.179 13.249-4.091 4.414-6.344 10.072-6.344 15.935.115.859.372 3.453-1.001 3.453zm-12.268-2h11.268v-1.454c0-6.367 2.442-12.51 6.877-17.294a17.43 17.43 0 0 0 4.646-11.89c0-9.489-7.621-17.284-16.987-17.376l-.168-.001c-9.367 0-17.047 7.666-17.157 17.168-.053 4.561 1.627 8.891 4.73 12.19 4.38 4.656 6.792 10.858 6.792 17.465v1.192zM96.635 0h2v4.246h-2zM84.013 3.96l1.738-.99 2.096 3.679-1.738.99zM74.925 13.75l1.008-1.726 3.631 2.12-1.008 1.727zM72.013 24.779h4.196v2h-4.196zM118.913 24.932h4.195v2h-4.195zM115.53 14.303l3.631-2.12 1.008 1.725-3.631 2.121zM107.413 6.659l2.096-3.679 1.738.99-2.096 3.679z"
        />
        <path
            d="m88.687 28.093 4.284-1.681-.77-2.406-6.95 2.954v2.265l6.95 2.956.77-2.406zM98.821 20.472 93.556 35.73h2.926l5.232-15.258zM103.07 24.006l-.77 2.406 4.283 1.681-4.283 1.682.77 2.406 6.95-2.956V26.96z"
        />
    </g>
    <path
        fill="#fff"
        d="M33.412 94.838c-10.056 0-18.165 8.813-18.165 19.741v8.637h36.33v-8.637c0-10.928-8.109-19.741-18.165-19.741z"
    />
    <ellipse cx="33.229" cy="83.395" fill="#fff" rx="11.672" ry="11.443" />
    <path
        fill="#636"
        d="M63.172 24.616H5.11c-2.207 0-4.002 1.813-4.002 4.041v44.164c0 2.228 1.795 4.04 4.002 4.04h17.354a12.186 12.186 0 0 0-1.908 6.534c0 5.036 3.069 9.373 7.462 11.329-7.946 2.523-13.772 10.449-13.772 19.854v8.637a1 1 0 0 0 1 1h36.331a1 1 0 0 0 1-1v-8.637c0-9.492-5.935-17.475-13.991-19.924 4.314-1.987 7.315-6.281 7.315-11.26 0-2.398-.706-4.632-1.908-6.534h19.16c2.217 0 4.021-1.821 4.021-4.06V28.657c0-2.228-1.795-4.041-4.002-4.041zm-12.594 89.963v7.637H16.247v-7.637c0-10.334 7.7-18.741 17.166-18.741 9.464 0 17.165 8.407 17.165 18.741zM33.229 93.838c-5.885 0-10.672-4.685-10.672-10.442 0-5.759 4.788-10.443 10.672-10.443s10.672 4.685 10.672 10.443c0 5.757-4.787 10.442-10.672 10.442zm31.945-21.036c0 1.136-.907 2.06-2.021 2.06H42.427c-2.312-2.401-5.575-3.909-9.198-3.909s-6.886 1.508-9.198 3.909H5.11c-1.104 0-2.002-.915-2.002-2.04v-5.774h62.066zm0-7.755H3.108v-36.39c0-1.125.898-2.041 2.002-2.041h58.062c1.104 0 2.002.916 2.002 2.041z"
    />
</svg>