Play Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <linearGradient
        id="b"
        x1="24"
        x2="24"
        y1="1.51"
        y2="47.902"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffeef1" />
        <stop offset="1" stop-color="#ffc6cf" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="24.537"
        x2="24.537"
        y1="8.915"
        y2="38.039"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fd4685" />
        <stop offset="1" stop-color="#ff9d8c" />
    </linearGradient>
    <linearGradient id="c" x1="24" x2="24" y1="8.915" y2="38.039" href="#a" />
    <path
        fill="url(#b)"
        d="M46.406 10.717a9.683 9.683 0 0 0-9.124-9.124 235.401 235.401 0 0 0-26.564 0 9.684 9.684 0 0 0-9.124 9.124 235.412 235.412 0 0 0 0 26.565 9.684 9.684 0 0 0 9.124 9.124 234.815 234.815 0 0 0 26.564 0 9.683 9.683 0 0 0 9.124-9.124 235.412 235.412 0 0 0 0-26.565z"
    />
    <g>
        <path fill="url(#a)" d="M20.75 20.214v7.572L28.323 24z" />
        <path
            fill="url(#c)"
            d="M24 9.25A14.75 14.75 0 1 0 38.75 24 14.767 14.767 0 0 0 24 9.25zm-4.75 20.964V17.786L31.677 24z"
        />
    </g>
</svg>