export const MyShopIcon: React.FC<React.SVGAttributes<{}>> = (props) => (
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
    <path
      fill="currentColor"
      d="M17.5 4.375V6.25h-15V4.375a.625.625 0 0 1 .625-.625h13.75a.625.625 0 0 1 .625.625Z"
      opacity={0.2}
    />
    <path
      fill="currentColor"
      d="M16.875 3.125H3.125a1.25 1.25 0 0 0-1.25 1.25v11.25a1.25 1.25 0 0 0 1.25 1.25h13.75a1.25 1.25 0 0 0 1.25-1.25V4.375a1.25 1.25 0 0 0-1.25-1.25Zm0 1.25v1.25H3.125v-1.25h13.75Zm0 11.25H3.125v-8.75h13.75v8.75ZM13.75 8.75a3.75 3.75 0 0 1-7.5 0 .625.625 0 0 1 1.25 0 2.5 2.5 0 0 0 5 0 .625.625 0 1 1 1.25 0Z"
    />
  </svg>
);


export const MyShopOwnerIcon: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        opacity={0.2}
        d="M17.5 7.5v1.25a2.5 2.5 0 01-5 0V7.5h-5v1.25a2.5 2.5 0 01-5 0V7.5l1.12-3.922a.625.625 0 01.599-.453H15.78a.625.625 0 01.601.453L17.5 7.5z"
        fill="currentColor"
      />
      <path
        d="M18.125 7.5a.62.62 0 00-.023-.172L16.98 3.406a1.256 1.256 0 00-1.199-.906H4.22a1.256 1.256 0 00-1.2.906L1.9 7.328a.617.617 0 00-.024.172v1.25a3.125 3.125 0 001.25 2.5v5a1.25 1.25 0 001.25 1.25h11.25a1.25 1.25 0 001.25-1.25v-5a3.125 3.125 0 001.25-2.5V7.5zM4.219 3.75H15.78l.892 3.125H3.33l.89-3.125zm3.906 4.375h3.75v.625a1.875 1.875 0 11-3.75 0v-.625zm-1.25 0v.625a1.875 1.875 0 11-3.75 0v-.625h3.75zm8.75 8.125H4.375v-4.438A3.126 3.126 0 007.5 10.624a3.126 3.126 0 005 .001 3.125 3.125 0 003.125 1.188v4.437zM15 10.625a1.875 1.875 0 01-1.875-1.875v-.625h3.75v.625A1.875 1.875 0 0115 10.625z"
        fill="currentColor"
      />
    </svg>
  )
}