Diagonal Arrows

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="488"
        y2="24"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#12c2e9" />
        <stop offset=".5" stop-color="#c471ed" />
        <stop offset="1" stop-color="#f64f59" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M48 296a32.036 32.036 0 0 1-32-32V56a32.036 32.036 0 0 1 32-32h208a32 32 0 0 1 0 64H80v176a32.036 32.036 0 0 1-32 32zm0-256a16.019 16.019 0 0 0-16 16v208a16 16 0 0 0 32 0V80a8 8 0 0 1 8-8h184a16 16 0 0 0 0-32zm96 352a32.036 32.036 0 0 1-32-32V152.167a32.041 32.041 0 0 1 31.974-32l208-.167a32 32 0 1 1 .052 64L176 184.141V360a32.036 32.036 0 0 1-32 32zm208-256-208.013.167a16.02 16.02 0 0 0-15.987 16V360a16 16 0 0 0 32 0V176.147a8 8 0 0 1 7.993-8l184.02-.147a16 16 0 0 0-.013-32zm-96 352a32.036 32.036 0 0 1-32-32V248a32.036 32.036 0 0 1 32-32h208a32 32 0 0 1 0 64H288v176a32.036 32.036 0 0 1-32 32zm0-256a16.019 16.019 0 0 0-16 16v208a16 16 0 0 0 32 0V272a8 8 0 0 1 8-8h184a16 16 0 0 0 0-32z"
    />
</svg>