import "./channels.icons.scss";

const ZoomIcon = () => {
    return (
        <svg
            id="Layer_1"
            data-name="Layer 1"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 56 56"
            className="ZoomIcon channel-icon"
        >
            <defs></defs>
            <path
                className="cls-1"
                d="M2.09,12H31.22A9.8,9.8,0,0,1,41,21.83V41.9a2.13,2.13,0,0,1-.61,1.49,2.08,2.08,0,0,1-1.47.61H9.78A9.8,9.8,0,0,1,0,34.17V14.1a2.05,2.05,0,0,1,.16-.81,2.18,2.18,0,0,1,.45-.68,2.18,2.18,0,0,1,.68-.45,2,2,0,0,1,.8-.16Z"
            />
            <path
                className="cls-1"
                d="M42,34.82,54.63,44a1.38,1.38,0,0,0,1-.41,1.42,1.42,0,0,0,.4-1V14.41a1.42,1.42,0,0,0-.4-1,1.38,1.38,0,0,0-1-.41L42,22.18Z"
            />
        </svg>
    );
};

export default ZoomIcon;