Shear

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 490.007 490.007"
>
    <linearGradient
        id="a"
        x1="0"
        x2="490.007"
        y1="245.004"
        y2="245.004"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#658ef5" />
        <stop offset="1" stop-color="#1b2dd1" />
    </linearGradient>
    <circle cx="245.003" cy="245.003" r="245.003" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="107.216"
        x2="310.169"
        y1="283.966"
        y2="283.966"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff8d6b" />
        <stop offset="1" stop-color="#f03200" />
    </linearGradient>
    <path d="M107.216 162.466h202.953v243H107.216z" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="107.216"
        x2="409.891"
        y1="283.966"
        y2="283.966"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffd987" />
        <stop offset="1" stop-color="#ff8515" />
    </linearGradient>
    <path d="M310.169 405.466H107.216l99.722-243h202.953z" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="159.157"
        x2="357.949"
        y1="100.325"
        y2="100.325"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#b4b3b8" />
    </linearGradient>
    <path
        d="m357.949 100.325-54.697-46.51V88.85H159.157v22.95h144.095v35.035z"
        fill="url(#d)"
    />
</svg>