npm i react-icons
// AdCard.js
// import
import { IoBedOutline } from "react-icons/io5";
import { TbBath } from "react-icons/tb";
import { BiArea } from "react-icons/bi";


<p className="card-text d-flex justify-content-between">
  {ad?.bedrooms ? (
    <span>
      <IoBedOutline /> {ad?.bedrooms}
    </span>
  ) : (
    ""
  )}

  {ad?.bathrooms ? (
    <span>
      <TbBath /> {ad?.bathrooms}
    </span>
  ) : (
    ""
  )}

  {ad?.landsize ? (
    <span>
      <BiArea /> {ad?.landsize}
    </span>
  ) : (
    ""
  )}
  <span>{ad?.type}</span>
</p>