Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <defs>
        <linearGradient
            id="a"
            x1="2"
            x2="62"
            y1="31.96"
            y2="31.96"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset="0" stop-color="#0fdcdd" />
            <stop offset="1" stop-color="#46a1e8" />
        </linearGradient>
    </defs>
    <path
        d="m48.745 46.24.007.004.005.007a6.006 6.006 0 0 0 8.494-8.494l-.005-.003-.003-.005a6.021 6.021 0 0 0-8.486 0l-.003.005-.005.003A5.997 5.997 0 0 0 47 42a6.14 6.14 0 0 0 .424 2.227 6.218 6.218 0 0 0 1.321 2.012ZM52 45.874a4 4 0 0 1-1.034-.427L52 44.414ZM57 42a4.006 4.006 0 0 1-3 3.873v-3.459l2.448-2.448A4.006 4.006 0 0 1 57 42Zm-1.966-3.448L53 40.586l-2.034-2.034a4.108 4.108 0 0 1 4.068 0Zm-5.482 1.414L51.586 42l-2.033 2.033A3.89 3.89 0 0 1 49 42a4.006 4.006 0 0 1 .552-2.034Zm-10.48-24.037c-.009-.009-.02-.011-.029-.02a9.978 9.978 0 0 0-14.085 0c-.009.009-.02.011-.029.02s-.01.02-.019.028a9.978 9.978 0 0 0 0 14.086c.008.009.01.02.02.028s.02.011.028.02A9.994 9.994 0 0 0 39.09 15.956c-.008-.008-.01-.02-.019-.028ZM24 23a7.951 7.951 0 0 1 1.688-4.898L30.586 23l-4.898 4.898A7.951 7.951 0 0 1 24 23Zm7 7.93a7.951 7.951 0 0 1-3.898-1.618L31 25.414Zm-3.898-14.242a7.948 7.948 0 0 1 9.796 0L32 21.586ZM33 30.93v-7.516l5.312-5.312A7.98 7.98 0 0 1 33 30.93ZM8.69 35.26H42v2H8.69a2.898 2.898 0 0 1-2.9-2.89V11.61a2.903 2.903 0 0 1 2.9-2.9h43.62a2.903 2.903 0 0 1 2.9 2.9V23h-2V11.61a.902.902 0 0 0-.9-.9H8.69a.902.902 0 0 0-.9.9v22.76a.896.896 0 0 0 .9.89Zm18.16 7.59H4.9a.901.901 0 0 1-.9-.9V7.82a.902.902 0 0 1 .9-.9h51.2a.902.902 0 0 1 .9.9V23h2V7.82a2.903 2.903 0 0 0-2.9-2.9H4.9A2.903 2.903 0 0 0 2 7.82v34.13a2.903 2.903 0 0 0 2.9 2.9h19.92l-4.595 5.977a1 1 0 0 0 .793 1.609h18.964a1 1 0 0 0 .793-1.61l-4.594-5.976H42v-2H26.85Zm11.102 7.586H23.049l4.294-5.586h6.316ZM59 25H47a3.003 3.003 0 0 0-3 3v28a3.003 3.003 0 0 0 3 3h12a3.003 3.003 0 0 0 3-3V28a3.003 3.003 0 0 0-3-3Zm1 31a1 1 0 0 1-1 1H47a1 1 0 0 1-1-1v-3h14Zm0-5H46V33h14Zm0-20H46v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1Zm-8 24a1 1 0 1 1 1 1 1 1 0 0 1-1-1Zm5-26a1 1 0 0 1-1 1h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1Z"
        fill="url(#a)"
    />
</svg>