import React, { ComponentType } from 'react'

import { CustomIconProps } from '@monorail/visualComponents/icon/Icon'

export const EmptySyllabusList: ComponentType<CustomIconProps> = props => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g fillRule="evenodd" clipPath="url(#clip0)" clipRule="evenodd">
      <path d="M21.61 11.912a.39.39 0 00.277-.666l-1.494-1.685h1.215a.392.392 0 00.279-.665L20.392 7.21h1.216a.391.391 0 00.293-.65L18.39 2.6a.39.39 0 00-.292-.131H13.56a.39.39 0 000 .781h4.36l2.818 3.177H3.26l2.818-3.177h4.36a.39.39 0 000-.781H5.9a.391.391 0 00-.293.131L2.098 6.56a.39.39 0 00.293.65h1.216L2.098 8.91a.39.39 0 00.293.65h1.216l-1.509 1.7a.39.39 0 00.293.65h1.216l-1.509 1.701a.391.391 0 00.293.65h1.216l-1.509 1.7a.39.39 0 00.293.651h1.216l-1.509 1.701a.39.39 0 00.293.65h6.88c.75.596 1.698.953 2.728.953a4.36 4.36 0 002.731-.952h.158l2.496 2.495a.39.39 0 00.553 0 .391.391 0 000-.553l-1.944-1.942h5.615a.39.39 0 00.293-.65l-1.509-1.702h1.216a.391.391 0 00.293-.65l-1.508-1.7h1.215a.39.39 0 00.293-.65l-1.508-1.701h1.216zM4.65 7.21h14.697l1.392 1.57H3.26l1.392-1.57zm0 4.702h4.85c-.58.402-1.06.94-1.39 1.569H3.26l1.392-1.57zm0 2.35h3.14a4.382 4.382 0 00-.174 1.57H3.26l1.392-1.57zm0 2.351h3.091c.148.578.411 1.11.763 1.57H3.26l1.392-1.57zm3.736-1.09A3.616 3.616 0 0112 11.912a3.616 3.616 0 013.612 3.611c0 .966-.376 1.873-1.058 2.554a3.588 3.588 0 01-2.554 1.058 3.616 3.616 0 01-3.612-3.612zm12.353 2.66h-5.243c.358-.47.616-1.002.76-1.57h3.09l1.393 1.57zm0-2.352h-4.358a4.384 4.384 0 00-.174-1.569h3.14l1.391 1.57zm0-2.35h-4.852a4.423 4.423 0 00-1.39-1.57h4.85l1.391 1.57zm-1.216-2.35H3.26l1.392-1.57h14.696l1.391 1.57h-1.216z"></path>
      <path d="M11.999 3.25a.391.391 0 000-.781.392.392 0 00-.391.39c0 .215.176.391.39.391z"></path>
    </g>
    <defs>
      <clipPath id="clip0">
        <path fill="#fff" d="M0 0H20V20H0z" transform="translate(2 2)"></path>
      </clipPath>
    </defs>
  </svg>
)
