Diagonal

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 51.2 51.2"
>
    <linearGradient
        id="a"
        x1="7.83"
        x2="43.371"
        y1="25.6"
        y2="25.6"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#262d65" />
        <stop offset="1" stop-color="#ef3d6a" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M31.95 19.89a.918.918 0 0 0-.64-.64l-7.61-2.04a.9.9 0 1 0-.46 1.74l6.11 1.64-8.18 8.19a.9.9 0 0 0 0 1.27c.18.18.41.26.64.26s.46-.09.64-.26l8.18-8.19 1.64 6.1a.906.906 0 0 0 1.1.64c.48-.13.76-.62.64-1.1zM19.4 30.53l-1.96 1.95a.9.9 0 0 0 0 1.27.894.894 0 0 0 1.27.01l1.96-1.95a.9.9 0 0 0 0-1.27.89.89 0 0 0-1.27-.01zm12.9-22.7H18.9c-6.1 0-11.07 4.97-11.07 11.07v13.4c0 6.1 4.97 11.07 11.07 11.07h13.4c6.1 0 11.07-4.97 11.07-11.07V18.9c0-6.1-4.97-11.07-11.07-11.07zm9.27 24.47c0 5.11-4.16 9.27-9.27 9.27H18.9c-5.11 0-9.27-4.16-9.27-9.27V18.9c0-5.11 4.16-9.27 9.27-9.27h13.4c5.11 0 9.27 4.16 9.27 9.27z"
    />
</svg>