Free Next.js icons

Original icons for Next.js. They render as plain SVG in Server Components, so no extra JavaScript reaches the browser.

Browse all icons Next.js guide

How to use them

1Find an icon in the explorer.
2Adjust the size, colour or stroke.
3Import it from @ikions/react in any page, layout or component.

app/page.tsx

import { SearchIcon, ArrowRightIcon } from "@ikions/react";

// A Server Component: the icons render to SVG on the server.
export default function Page() {
  return (
    <a href="/search" className="link">
      <SearchIcon size={18} />
      Search
      <ArrowRightIcon size={16} />
    </a>
  );
}