Triangle

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256.012"
        x2="256.012"
        y1="436.384"
        y2="101.729"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".322" stop-color="#a163f5" />
        <stop offset=".466" stop-color="#b074ee" />
        <stop offset=".752" stop-color="#d8a1dd" />
        <stop offset=".898" stop-color="#efbad3" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="43.262"
        x2="43.262"
        y1="436.384"
        y2="101.729"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M491.657 381.323 44.7 93.343a22.21 22.21 0 0 0-22.971-.84A22.2 22.2 0 0 0 10 112.252v287.98a22.528 22.528 0 0 0 22.507 22.5h446.957a22.5 22.5 0 0 0 12.193-41.406zm-2.114 21.869a10.2 10.2 0 0 1-10.079 7.537H32.507A10.514 10.514 0 0 1 22 400.232v-287.98a10.353 10.353 0 0 1 5.473-9.213 10.369 10.369 0 0 1 10.727.392l446.957 287.98a10.186 10.186 0 0 1 4.386 11.781z"
    />
    <g fill="url(#b)">
        <path
            d="M43.262 272.753a6 6 0 0 0-6 6v92.493a6 6 0 0 0 12 0v-92.493a6 6 0 0 0-6-6zM43.262 229.432a6 6 0 0 0-6 6v23.761a6 6 0 0 0 12 0v-23.761a6 6 0 0 0-6-6z"
        />
    </g>
</svg>