Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        d="M63 24c0-.933-.411-1.811-1.128-2.409a23.596 23.596 0 0 0-12.53-5.337L49 16.216V6c0-2.757-2.243-5-5-5H12C9.243 1 7 3.243 7 6v23.586l-2.76 2.761A10.983 10.983 0 0 0 1 40.167c0 .606.051 1.218.15 1.818l1.556 9.332a18.284 18.284 0 0 0 1.061 3.792L5 58.193V63h14v-4.807L19.477 57h17.046L37 58.193V63h14v-4.807l1.233-3.083a18.31 18.31 0 0 0 1.061-3.793l1.556-9.332c.1-.601.15-1.212.15-1.818 0-2.954-1.15-5.731-3.24-7.82l-.835-.835a23.594 23.594 0 0 0 10.947-5.103A3.129 3.129 0 0 0 63 24zM23 3h10v1c0 .552-.449 1-1 1h-8c-.551 0-1-.448-1-1zM9 6c0-1.654 1.346-3 3-3h9v1c0 1.654 1.346 3 3 3h8c1.654 0 3-1.346 3-3V3h9c1.654 0 3 1.346 3 3v9.994l-1.468-.163C44.248 11.481 41.533 9 38 9H13c-1.103 0-2 .897-2 2v34.708c-.126.273-.247.55-.382.819A.855.855 0 0 1 9 46.146zm34.348 9.588L39 15.105v-4.008c2.371.474 3.66 2.614 4.348 4.491zM17 61H7v-2h10zm.833-5.274L17.323 57H6.677l-1.054-2.634a16.364 16.364 0 0 1-.945-3.377l-1.556-9.332A9.311 9.311 0 0 1 3 40.167c0-2.42.942-4.694 2.654-6.406L7 32.414v13.731A2.857 2.857 0 0 0 9.854 49a2.838 2.838 0 0 0 2.553-1.578 31.379 31.379 0 0 0 2.37-6.406l.75-2.998A1.34 1.34 0 0 1 16.83 37a1.35 1.35 0 0 1 1.34 1.241l.783 10.172a16.263 16.263 0 0 1-1.12 7.313zM20.198 55a18.235 18.235 0 0 0 .748-6.74L20.695 45h14.609l-.251 3.261A18.24 18.24 0 0 0 35.802 55zm15.638-16.913L35.458 43H20.542l-.378-4.912A3.36 3.36 0 0 0 16.83 35a3.34 3.34 0 0 0-3.244 2.533L13 39.877V11h24v4.773c-.136.29-.385.853-.664 1.603l-2.809-.468-.358.538C33.08 17.578 31 20.734 31 24s2.08 6.422 2.168 6.555l.358.538 2.809-.468c.279.749.529 1.312.664 1.603v3.592a3.328 3.328 0 0 0-1.163 2.267zm-.126-9.386-1.203.2C33.98 27.966 33 25.96 33 24c0-1.95.981-3.962 1.508-4.901l1.202.2C35.32 20.692 35 22.336 35 24s.32 3.308.71 4.701zM49 61H39v-2h10zm4-20.833c0 .497-.042.998-.123 1.49l-1.556 9.332a16.39 16.39 0 0 1-.945 3.378L49.323 57H38.677l-.51-1.274a16.263 16.263 0 0 1-1.119-7.312l.783-10.174a1.35 1.35 0 0 1 1.34-1.24 1.34 1.34 0 0 1 1.303 1.018l.75 2.998a31.32 31.32 0 0 0 2.37 6.406A2.836 2.836 0 0 0 46.146 49 2.857 2.857 0 0 0 49 46.146V32.414l1.346 1.346A9.002 9.002 0 0 1 53 40.167zM41.265 35.74A3.336 3.336 0 0 0 39.17 35c-.058 0-.113.013-.17.016v-2.121l4.343-.483c-.414 1.122-1.067 2.405-2.078 3.328zm4.269-3.571L47 32.006v14.139a.856.856 0 0 1-.854.855.848.848 0 0 1-.764-.473 29.26 29.26 0 0 1-2.218-5.996l-.75-2.998c-.011-.043-.03-.081-.042-.123 1.754-1.477 2.694-3.675 3.162-5.241zm10.342-4.318a21.587 21.587 0 0 1-6.755 1.907L38.61 30.926C38.082 29.692 37 26.825 37 24c0-2.815 1.082-5.689 1.611-6.926l10.51 1.168a21.62 21.62 0 0 1 6.755 1.906C55.305 21.326 55 22.635 55 24s.305 2.674.876 3.851zm4.716-2.979a21.7 21.7 0 0 1-2.947 2.055C57.223 26.035 57 25.04 57 24s.223-2.035.645-2.927a21.622 21.622 0 0 1 2.946 2.054 1.134 1.134 0 0 1 .001 1.745z"
    />
    <path
        d="M47 20c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM31 47h-6c-1.103 0-2 .897-2 2 0 2.206 1.794 4 4 4h2c2.206 0 4-1.794 4-4 0-1.103-.897-2-2-2zm-2 4h-2c-1.103 0-2-.897-2-2h6c0 1.103-.897 2-2 2zM29 13H15v12h14zm-2 10H17v-8h10zM15 27h14v2H15zM27 31h2v2h-2zM15 31h10v2H15zM22 35h12v2H22zM22 39h12v2H22z"
    />
</svg>