import * as React from 'react';
const SvgColorFileVideo02Gray = (props) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 40 40", stroke: "none", ...props },
    React.createElement("path", { fill: "url(#color-file-video-02-gray_svg__a)", d: "M4 4a4 4 0 0 1 4-4h16l12 12v24a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z" }),
    React.createElement("path", { fill: "#EAECF0", d: "m24 0 12 12h-8a4 4 0 0 1-4-4z" }),
    React.createElement("g", { stroke: "#344054", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, clipPath: "url(#color-file-video-02-gray_svg__b)" },
        React.createElement("path", { d: "M20 30.667a6.667 6.667 0 1 0 0-13.334 6.667 6.667 0 0 0 0 13.334" }),
        React.createElement("path", { d: "M18.334 21.977c0-.318 0-.477.066-.566a.33.33 0 0 1 .243-.133c.11-.008.245.078.512.25l3.147 2.023c.233.15.349.224.389.32a.33.33 0 0 1 0 .259c-.04.095-.156.17-.389.319l-3.147 2.023c-.267.172-.401.258-.512.25a.33.33 0 0 1-.243-.133c-.066-.089-.066-.248-.066-.566z" })),
    React.createElement("defs", null,
        React.createElement("linearGradient", { id: "color-file-video-02-gray_svg__a", x1: 20, x2: 20, y1: 0, y2: 40, gradientUnits: "userSpaceOnUse" },
            React.createElement("stop", { stopColor: "#F9FAFB" }),
            React.createElement("stop", { offset: 1, stopColor: "#EDF0F3" })),
        React.createElement("clipPath", { id: "color-file-video-02-gray_svg__b" },
            React.createElement("path", { fill: "#fff", d: "M12 16h16v16H12z" })))));
export default SvgColorFileVideo02Gray;
