Next.js Heroicons
Heroicons for Next.js using Heroicons.
How to install?
npm i next-heroicons
How to use?
After installing the package, import the icon component
import { OutlineAcademicCap } from "next-heroicons";
export default function MyApp({ Component, pageProps }) {
return (
<div className="w-10 h-10 text-gray-300 ">
<OutlineAcademicCap />
</div>
);
}
Using the map
You can also render an icon from a HeroMap
import { HeroMap } from "next-heroicons";
export default function MyApp({ Component, pageProps }) {
return (
<div className="w-10 h-10 text-gray-300 ">
{HeroMap["outline-academic-cap"]}
</div>
);
}
Happy coding!!!