Triangle

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 511.889 511.889"
>
    <linearGradient
        id="a"
        x1="-42.937"
        x2="-26.58"
        y1="626.226"
        y2="609.872"
        gradientTransform="matrix(21.3333 0 0 -21.3333 997.464 13552.203)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M284.723 48.606c-6.144-10.432-16.875-16.661-28.779-16.661s-22.656 6.229-28.779 16.661L4.766 428.04c-6.293 10.752-6.357 24.149-.171 34.965 6.08 10.603 16.896 16.939 28.928 16.939h444.843c12.032 0 22.848-6.336 28.928-16.939 6.187-10.816 6.123-24.213-.171-34.965l-222.4-379.434zm204.053 403.776c-1.067 1.877-4.224 6.229-10.411 6.229H33.523c-6.187 0-9.365-4.352-10.411-6.229-2.432-4.267-2.411-9.344.064-13.568L245.598 59.4c2.261-3.883 6.037-6.123 10.347-6.123s8.085 2.24 10.347 6.123l222.421 379.435c2.474 4.224 2.495 9.301.063 13.547z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-39.909"
        x2="-29.6"
        y1="623.915"
        y2="613.604"
        gradientTransform="matrix(21.3333 0 0 -21.3333 997.464 13552.203)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M265.16 141.79c-3.84-6.528-14.592-6.528-18.411 0L95.454 399.88a10.639 10.639 0 0 0-.043 10.688 10.579 10.579 0 0 0 9.237 5.376H407.24c.171.021.341 0 .405 0 5.888 0 10.667-4.779 10.667-10.667a10.65 10.65 0 0 0-3.157-7.595L265.16 141.79zM123.272 394.611l132.672-226.325 132.672 226.325H123.272z"
        fill="url(#b)"
    />
</svg>