Next.js logo
Next.js is a React framework by Vercel for building full-stack web applications with server-side rendering, static generation, and API routes.
Also known as Next
Looks better on a light background
npm i @dev.icons/reactimport { NextjsIcon, Nextjs } from "@dev.icons/react";<NextjsIcon size={32} />
<Nextjs size={32} />
Using an AI agent? Ask the Devicons MCP server for nextjs, or fetch its JSON from the Icons API.
About the Next.js logo
The Next.js mark is a stylized black “N” inside a circle — minimalist, geometric, and intentionally monochrome. Next.js itself was released by Zeit (now Vercel) in October 2016, but the current logo is newer: it comes from a 2022 redesign by Vercel’s design team and Basement Studio, which aimed to fix the older logo’s poor legibility at small sizes. Over the same years the framework moved from getInitialProps to getStaticProps/getServerSideProps and then to the App Router with React Server Components, introduced in Next.js 13.
Because the logo is pure black, it disappears on dark backgrounds — the Devicons preview will render it on a light backdrop by default. For dark-mode UIs you’ll want the monochrome variant filled with your foreground text color, or the inverted (white-on-black) variant that Vercel publishes in the official brand assets.
When to use this logo
Next.js pairs naturally with React (in stack diagrams), Vercel (for hosting content), and Tailwind CSS (in starter-template illustrations). Use it on framework comparison pages (Next.js vs Remix, Next.js vs Astro), tutorial thumbnails, and job-listing “our stack” sections. When placed next to the React logo, the Next.js mark should be the primary — it’s the framework, React is the library underneath.
