Stroke not applied to React-Icons

Question

Stroke or Text nothing is applied with react-icons

 <AiOutlineArrowLeft
              className="cursor-pointer text-xl text-orange-800 stroke-4"
              onClick={(e) => handleBurger(e)}
            />

Answer 1

This is because tailwind only has stroke-0,stroke-1 and stroke-2 classes defined whereas you had defined stroke-4.

Find more here