import "./channels.icons.scss";

const SlackIcon = () => {
    return (
        <svg
            id="Layer_1"
            data-name="Layer 1"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 56 56"
            className="SlackIcon channel-icon"
        >
            <defs></defs>
            <path
                className="cls-1"
                d="M20.53,0a5.6,5.6,0,0,0,0,11.2h5.61V5.6A5.61,5.61,0,0,0,20.53,0Zm0,14.93H5.6a5.6,5.6,0,0,0,0,11.2H20.53a5.6,5.6,0,0,0,0-11.2Z"
            />
            <path
                className="cls-2"
                d="M56,20.53a5.6,5.6,0,0,0-11.2,0v5.6h5.6A5.6,5.6,0,0,0,56,20.53Zm-14.93,0V5.6a5.6,5.6,0,0,0-11.2,0V20.53a5.6,5.6,0,0,0,11.2,0Z"
            />
            <path
                className="cls-3"
                d="M35.47,56a5.6,5.6,0,0,0,0-11.2H29.86v5.6A5.61,5.61,0,0,0,35.47,56Zm0-14.94H50.4a5.6,5.6,0,1,0,0-11.2H35.47a5.6,5.6,0,0,0,0,11.2Z"
            />
            <path
                className="cls-4"
                d="M0,35.47a5.6,5.6,0,0,0,11.2,0v-5.6H5.6A5.6,5.6,0,0,0,0,35.47Zm14.93,0V50.4a5.6,5.6,0,1,0,11.2,0V35.47a5.6,5.6,0,0,0-11.2,0Z"
            />
        </svg>
    );
};

export default SlackIcon;