Front End

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 62 62"
>
    <linearGradient
        id="a"
        x1="31"
        x2="31"
        y1="62"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M48 56c5.514 0 10-4.486 10-10s-4.486-10-10-10-10 4.486-10 10 4.486 10 10 10zm-6.918-6h3.539c.223.73.484 1.449.826 2.131l.84 1.68A8.019 8.019 0 0 1 41.082 50zM40 46c0-.692.097-1.359.263-2h3.903c-.098.663-.166 1.33-.166 2s.068 1.337.166 2h-3.903A7.953 7.953 0 0 1 40 46zm8-6.764.764 1.527c.201.401.377.814.53 1.236h-2.588c.153-.422.33-.835.53-1.236zM49.807 44c.115.661.193 1.329.193 2s-.078 1.339-.193 2h-3.613c-.116-.661-.194-1.329-.194-2s.078-1.339.193-2zM56 46c0 .692-.097 1.359-.263 2h-3.903c.098-.663.166-1.33.166-2s-.068-1.337-.166-2h3.903c.166.641.263 1.308.263 2zm-8 6.764-.764-1.527a11.517 11.517 0 0 1-.53-1.236h2.588c-.153.422-.33.835-.53 1.236zm1.713 1.047.84-1.68c.341-.682.603-1.4.826-2.131h3.539a8.019 8.019 0 0 1-5.205 3.811zM54.918 42h-3.539a13.595 13.595 0 0 0-.826-2.131l-.84-1.68A8.019 8.019 0 0 1 54.918 42zm-8.631-3.811-.84 1.68c-.341.682-.603 1.4-.826 2.131h-3.539a8.019 8.019 0 0 1 5.205-3.811zM3 60h31.512c.668 1.187 1.924 2 3.38 2h20.215a3.897 3.897 0 0 0 3.882-4.181l-1.924-25.966A2.006 2.006 0 0 0 58.071 30H54v-2c0-2.607-1.673-4.824-4-5.65V3c0-1.654-1.346-3-3-3H3C1.346 0 0 1.346 0 3v54c0 1.654 1.346 3 3 3zm31.441-8H30v-4h4.738zM36 31.472a1.91 1.91 0 0 0-.065.38l-.011.148H30v-6h6zm23.994 26.49.006.145A1.895 1.895 0 0 1 58.107 60H37.893A1.895 1.895 0 0 1 36 58.107L37.929 32h20.143zM52 28v2h-8v-2c0-2.206 1.794-4 4-4s4 1.794 4 4zm-10 0v2h-4v-4c0-1.103-.897-2-2-2h-6c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2h5.775l-.148 2H28v2h7.479l-.148 2H30v2h5.183l-.296 4H30c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h4.293l-.284 3.825c-.004.058-.004.116-.006.175H3a1 1 0 0 1-1-1V10h46v12c-3.309 0-6 2.691-6 6zM3 2h44c.552 0 1 .449 1 1v5H2V3c0-.551.448-1 1-1zm5 4H6V4h2zm4 0h-2V4h2zm4 0h-2V4h2zm28 6H6c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h38c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm-30 2h2v4h-2zm-2 4h-2v-4h2zm6-4h2v4h-2zm4 0h2v4h-2zm4 0h2v4h-2zm4 0h2v4h-2zm4 0h2v4h-2zm4 0h2v4h-2zM6 14h2v4H6zm36 4v-4h2l.001 4zm-30 6H6c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-6c0-1.103-.897-2-2-2zm-6 8v-6h6l.002 6zm-2 4h10v2H4zm8 6H6v-2h6zm12-18h-6c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-6c0-1.103-.897-2-2-2zm-6 8v-6h6l.002 6zm-2 4h10v2H16zm8 6h-6v-2h6zm-12 4H6c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm-6 6v-4h6l.002 4zm18-6h-6c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-4c0-1.103-.897-2-2-2zm-6 6v-4h6l.002 4z"
    />
</svg>