import React from "react";

export const BellIcon: React.SFC<React.SVGProps<SVGSVGElement>> = props => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="32"
      height="32"
      viewBox="0 0 32 32"
      fill="none"
      data-testid="bellIcon"
      {...props}
    >
      <path
        d="M18.72 27C18.17 27.61 17.38 28 16.5 28C15.62 28 14.83 27.61 14.28 27H11.92C12.69 28.76 14.45 30 16.5 30C18.55 30 20.31 28.76 21.08 27H18.72Z"
        fill="black"
      />
      <path
        d="M17.25 4V7H15.25V4H17.25ZM19.25 2H13.25V9H19.25V2Z"
        fill="black"
      />
      <path
        d="M16.25 9C20.22 9 23.72 12.1 23.97 16H25.97C25.71 10.99 21.32 7 16.24 7C11.16 7 7.03002 10.99 6.77002 16H8.77002C9.03002 12.1 12.28 9 16.25 9Z"
        fill="black"
      />
      <path
        d="M6.75 16V16.5C6.75 16.33 6.77 16.17 6.78 16H6.75Z"
        fill="black"
      />
      <path
        d="M25.72 16C25.73 16.17 25.75 16.33 25.75 16.5V16H25.72Z"
        fill="black"
      />
      <path d="M6.75 23H9.33C7.73 21.3 6.75 19.02 6.75 16.5V23Z" fill="black" />
      <path d="M26 23V16.5C26 19.02 25.01 21.3 23.42 23H26Z" fill="black" />
      <path
        d="M12.52 23H19.97C20.85 22.49 21.62 21.81 22.23 21H10.26C10.87 21.81 11.64 22.49 12.52 23Z"
        fill="black"
      />
      <path
        d="M23.97 16C23.98 16.17 24 16.33 24 16.5C24 17.01 24 18 24 18V21H22.49C21.88 21.81 21.11 22.49 20.23 23H23.42C25.02 21.3 26 19.02 26 16.5C26 16.33 25.98 16.17 25.97 16H23.97Z"
        fill="black"
      />
      <path
        d="M10.26 21H8.75V18C8.75 18 8.75 17.01 8.75 16.5C8.75 16.33 8.76 16.17 8.78 16H6.78C6.77 16.17 6.75 16.33 6.75 16.5C6.75 19.02 7.74 21.3 9.33 23H12.52C11.64 22.49 10.87 21.81 10.26 21Z"
        fill="black"
      />
      <path
        d="M16 22C15.12 22 14.33 22.39 13.78 23H18.22C17.67 22.39 16.88 22 16 22Z"
        fill="black"
      />
      <path
        d="M13 25C13 25.77 13.3 26.47 13.78 27H18.22C18.7 26.47 19 25.77 19 25H13Z"
        fill="black"
      />
      <path
        d="M7.77 25L8.44 23H11.42C11.77 22.2 12.33 21.52 13.03 21H7L5 27H11.42C11.15 26.39 11 25.71 11 25H7.77Z"
        fill="black"
      />
      <path
        d="M20.58 23H24.56L25.23 25H21C21 25.71 20.85 26.39 20.58 27H28L26 21H18.97C19.67 21.52 20.23 22.2 20.58 23Z"
        fill="black"
      />
      <path
        d="M19 25C19 25.77 18.7 26.47 18.22 27H20.58C20.85 26.39 21 25.71 21 25H19Z"
        fill="black"
      />
      <path
        d="M11.42 23H13.78C14.33 22.39 15.12 22 16 22C16.88 22 17.67 22.39 18.22 23H20.58C20.23 22.2 19.67 21.52 18.97 21H13.03C12.33 21.52 11.77 22.2 11.42 23Z"
        fill="black"
      />
      <path
        d="M13 25H11C11 25.71 11.15 26.39 11.42 27H13.78C13.3 26.47 13 25.77 13 25Z"
        fill="black"
      />
    </svg>
  );
};
