export const FavoriteIcon = () => (
  <svg
    fill="gray"
    aria-hidden="true"
    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-1sekacc"
    data-testid="FavoriteBorderIcon"
    viewBox="0 0 24 24"
  >
    <path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" />
  </svg>
);
export const OrderIcon = () => (
  <svg
    fill="gray"
    aria-hidden="true"
    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-1sekacc"
    data-testid="LocalShippingIcon"
    viewBox="0 0 24 24"
  >
    <path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m13.5-9 1.96 2.5H17V9.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5" />
  </svg>
);
export const CartIcon = () => (
  <svg
    fill="gray"
    aria-hidden="true"
    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-1sekacc"
    data-testid="ShoppingBasketIcon"
    viewBox="0 0 24 24"
  >
    <path d="m17.21 9-4.38-6.56c-.19-.28-.51-.42-.83-.42s-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1zM9 9l3-4.4L15 9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2" />
  </svg>
);
export const CategoryIcon = () => (
  <svg
    fill="white"
    aria-hidden="true"
    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-nfmerv"
    data-testid="WidgetsIcon"
    viewBox="0 0 24 24"
  >
    <path d="M13 13v8h8v-8zM3 21h8v-8H3zM3 3v8h8V3zm13.66-1.31L11 7.34 16.66 13l5.66-5.66z" />
  </svg>
);
export const SearchIcon = () => (
  <svg
    fill="white"
    aria-hidden="true"
    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-1sekacc"
    data-testid="SearchIcon"
    viewBox="0 0 20 20"
  >
    <path d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" />
  </svg>
);
export const ProfileIcon = () => (
  <svg
    fill="gray"
    aria-hidden="true"
    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-1sekacc"
    data-testid="FaceIcon"
    viewBox="0 0 24 24"
  >
    <path d="M9 11.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m6 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37a9.97 9.97 0 0 0 10.41 3.97c.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8" />
  </svg>
);
