Video Player

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 490.667 490.667"
>
    <linearGradient
        id="a"
        x1="-55.214"
        x2=".708"
        y1="593.635"
        y2="593.635"
        gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6577.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".357" stop-color="#ed683c" />
        <stop offset=".717" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M459.733 0h-428.8C13.849 0 0 13.849 0 30.933v300.8c0 17.084 13.849 30.933 30.933 30.933h139.733v64H160c-5.891 0-10.667 4.776-10.667 10.667v32h-32v21.333h256v-21.333h-32v-32c0-5.891-4.776-10.667-10.667-10.667H320v-64h139.733c17.084 0 30.933-13.849 30.933-30.933v-300.8C490.667 13.849 476.817 0 459.733 0zM170.667 469.333V448H320v21.333H170.667zm128-42.666H192v-64h106.667v64zm170.666-94.934a9.6 9.6 0 0 1-9.6 9.6h-428.8a9.6 9.6 0 0 1-9.6-9.6v-300.8a9.6 9.6 0 0 1 9.6-9.6h428.8a9.6 9.6 0 0 1 9.6 9.6v300.8z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-55.214"
        x2=".708"
        y1="590.635"
        y2="590.635"
        gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6577.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".357" stop-color="#ed683c" />
        <stop offset=".717" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path d="M32 266.667h426.667V288H32v-21.333z" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="-55.214"
        x2=".708"
        y1="603.635"
        y2="603.635"
        gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6577.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".357" stop-color="#ed683c" />
        <stop offset=".717" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M64 53.333h362.667v192H448V42.667C448 36.776 443.224 32 437.333 32h-384c-5.891 0-10.667 4.776-10.667 10.667v202.667H64V53.333z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="-55.214"
        x2=".708"
        y1="601.635"
        y2="601.635"
        gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6577.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".357" stop-color="#ed683c" />
        <stop offset=".717" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M218.667 108.107a10.666 10.666 0 0 0-5.333 9.227v85.333c-.012 5.891 4.755 10.676 10.646 10.688 1.88.004 3.727-.489 5.354-1.429L304 169.259c5.113-2.925 6.887-9.442 3.962-14.555a10.669 10.669 0 0 0-3.962-3.962l-74.667-42.667a10.663 10.663 0 0 0-10.666.032zm16 27.605L277.163 160l-42.496 24.288v-48.576z"
        fill="url(#d)"
    />
    <linearGradient
        id="e"
        x1="-55.214"
        x2=".708"
        y1="601.635"
        y2="601.635"
        gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6577.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".357" stop-color="#ed683c" />
        <stop offset=".717" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <path
        d="M149.333 160c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96c-52.995.059-95.941 43.005-96 96zM320 160c0 41.237-33.429 74.667-74.667 74.667s-74.666-33.43-74.666-74.667 33.429-74.667 74.667-74.667C286.551 85.38 319.953 118.782 320 160z"
        fill="url(#e)"
    />
</svg>