Play Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 469.325 469.325"
>
    <linearGradient
        id="a"
        x1="-68.518"
        x2="-54.062"
        y1="620.372"
        y2="605.915"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1430.191 13315.047)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M48.124 467.981a10.752 10.752 0 0 0 5.205 1.344c1.941 0 3.883-.533 5.611-1.6l362.667-224c3.136-1.92 5.056-5.376 5.056-9.067s-1.92-7.147-5.056-9.067L58.94 1.592c-3.285-2.027-7.445-2.133-10.795-.235a10.625 10.625 0 0 0-5.483 9.301v448a10.709 10.709 0 0 0 5.462 9.323zM63.996 29.795l331.691 204.864L63.996 439.544V29.795z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-56.762"
        x2="-51.528"
        y1="617.489"
        y2="612.253"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1430.191 13315.047)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="m340.391 225.592-119.403-73.749c-5.013-3.093-11.584-1.557-14.677 3.477-3.093 5.013-1.536 11.584 3.477 14.677l119.403 73.749a10.509 10.509 0 0 0 5.589 1.6c3.563 0 7.083-1.792 9.088-5.056 3.093-5.034 1.536-11.605-3.477-14.698z"
        fill="url(#b)"
    />
</svg>