Responsive Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 12.7 12.7"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffb300" />
        <stop offset="1" stop-color="#ff5252" />
    </linearGradient>
    <path
        fill="#90a4ae"
        d="M4.497 8.707a.265.265 0 0 0-.243.159l-1.058 2.38a.547.547 0 0 0-.017.39c.04.116.111.208.193.28.163.146.37.231.595.231h2.645a.888.888 0 0 0 .596-.23.663.663 0 0 0 .193-.282.547.547 0 0 0-.017-.388l-1.06-2.381a.265.265 0 0 0-.241-.159z"
    />
    <path
        fill="#bbdefb"
        d="M1.32.506a.797.797 0 0 0-.792.793v7.145c0 .435.358.793.793.793h7.938a.797.797 0 0 0 .793-.793V1.299a.797.797 0 0 0-.793-.793z"
    />
    <path
        fill="#e57373"
        d="M.528 7.65v.794c0 .435.358.793.793.793h7.938a.797.797 0 0 0 .793-.793V7.65"
    />
    <path
        fill="#ffd54f"
        d="M8.73 5.797a.796.796 0 0 0-.793.793v4.764c0 .435.357.793.792.793h2.647a.797.797 0 0 0 .793-.793V6.59a.797.797 0 0 0-.793-.793z"
    />
    <path
        fill="#e57373"
        d="M9.259 5.797a.265.265 0 0 0-.266.264v.266c0 .581.477 1.058 1.059 1.058.581 0 1.058-.477 1.058-1.058V6.06a.265.265 0 0 0-.263-.264z"
    />
    <path
        fill="#90caf9"
        d="M4.915 3.15 3.702 4.367l.375.373L5.29 3.526zM6.503 3.15 3.702 5.953l.375.375 2.8-2.801z"
    />
    <path
        fill="#e57373"
        d="M7.937 10.559v.795c0 .435.357.793.792.793h2.647a.797.797 0 0 0 .793-.793v-.795"
    />
</svg>