Video Player

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="608"
    height="608"
    viewBox="0 -7 456 456"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="228"
        x2="228"
        y1="-25.29"
        y2="471.067"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="236.031"
        x2="236.031"
        y1="-25.29"
        y2="471.067"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M228 252.105c48.93 0 88.594-39.664 88.594-88.593 0-48.93-39.664-88.594-88.594-88.594s-88.594 39.664-88.594 88.594c.055 48.906 39.688 88.539 88.594 88.593zm0-157.187c37.883 0 68.594 30.71 68.594 68.594.004 37.883-30.707 68.593-68.59 68.597-37.883 0-68.598-30.707-68.598-68.59.04-37.87 30.727-68.558 68.594-68.601zm0 0"
    />
    <path
        fill="url(#c)"
        d="M201.164 207.645a10.191 10.191 0 0 0 5.012 1.312c1.8 0 3.57-.484 5.125-1.398l59.851-35.446a9.992 9.992 0 0 0 4.907-8.601 9.993 9.993 0 0 0-4.899-8.606l-59.832-35.445a10.218 10.218 0 0 0-10.164-.086 10.102 10.102 0 0 0-5.164 8.691v70.891a10.112 10.112 0 0 0 5.164 8.688zM216 145.613l30.215 17.903L216 181.41zm0 0"
    />
    <g fill="url(#b)">
        <path
            d="M456 10c0-5.523-4.477-10-10-10H10C4.477 0 0 4.477 0 10v307c0 5.523 4.477 10 10 10h436c5.523 0 10-4.477 10-10zm-20 297H20V20h416zM446 390H162v-30.207a9.5 9.5 0 0 0-2.707-6.95 9.5 9.5 0 0 0-6.895-2.843H112.32c-5.523 0-10.32 4.27-10.32 9.793V390H10c-5.523 0-10 4.477-10 10s4.477 10 10 10h92v22.152c0 5.524 4.8 9.848 10.32 9.848h40.078c2.598.02 5.086-1.02 6.899-2.879s2.789-4.375 2.703-6.969V410h284c5.523 0 10-4.477 10-10s-4.477-10-10-10zm-304 32h-20v-52h20zm0 0"
        />
    </g>
</svg>