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>