Play Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="10.5"
        x2="53.5"
        y1="31.94"
        y2="31.94"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0170fe" />
        <stop offset=".38" stop-color="#035ed4" />
        <stop offset=".79" stop-color="#044dad" />
        <stop offset="1" stop-color="#05479e" />
    </linearGradient>
    <linearGradient id="b" x1="26.46" x2="43.53" y1="32" y2="32" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M32 10.5A21.52 21.52 0 0 0 10.5 32c1.18 28.52 41.82 28.51 43 0A21.52 21.52 0 0 0 32 10.5zm0 40A18.52 18.52 0 0 1 13.5 32c1-24.54 36-24.54 37 0A18.52 18.52 0 0 1 32 50.5z"
        />
        <path
            fill="url(#b)"
            d="m42.79 30.7-14.08-8.13a1.51 1.51 0 0 0-2.25 1.3v16.26a1.5 1.5 0 0 0 1.5 1.5 1.53 1.53 0 0 0 .75-.2l14.08-8.13a1.51 1.51 0 0 0 0-2.6zm-13.33 6.83V26.47L39 32z"
        />
    </g>
</svg>