import React from 'react';

const SidebarCollapsedIcon = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 23 23"
  >
    <rect width="23" height="23" fillOpacity="0" />
    <path d="M20.9,3.9c0.3,0,0.6,0.3,0.6,0.6v13.9c0,0.3-0.3,0.6-0.6,0.6H2.1c-0.3,0-0.6-0.3-0.6-0.6V4.5c0-0.3,0.3-0.6,0.6-0.6H20.9
      M20.9,2.4H2.1C1,2.4,0,3.4,0,4.5c0,0,0,0,0,0v13.9c0,1.2,1,2.1,2.1,2.1c0,0,0,0,0,0h18.7c1.2,0,2.1-0.9,2.1-2.1c0,0,0,0,0,0V4.5
      C23,3.4,22,2.4,20.9,2.4C20.9,2.4,20.9,2.4,20.9,2.4z"
    />
    <rect x="7.5" y="3.9" width="1.2" height="0.8" />
    <rect x="7.5" y="15.3" width="1.2" height="1.5" />
    <rect x="7.5" y="12.3" width="1.2" height="1.5" />
    <rect x="7.5" y="9.2" width="1.2" height="1.6" />
    <rect x="7.5" y="6.1" width="1.2" height="1.6" />
    <rect x="7.5" y="18.4" width="1.2" height="0.8" />
    <path d="M15.1,14.9c-0.2,0-0.3-0.1-0.4-0.2l-2.8-2.8c-0.2-0.2-0.2-0.6,0-0.8l2.8-2.8c0.2-0.2,0.6-0.2,0.9,0s0.2,0.6,0,0.9l-2.4,2.4
      l2.4,2.4c0.2,0.2,0.2,0.6,0,0.9C15.4,14.8,15.3,14.9,15.1,14.9z"
    />
  </svg>
);

export default SidebarCollapsedIcon;
