Next.js
Next.js is a React framework by Vercel for building full-stack web applications with server-side rendering, static generation, and API routes.
Looks better on a light background
import { NextjsIcon, Nextjs } from "@dev.icons/react";<NextjsIcon size={32} />
<Nextjs size={32} />About the Next.js logo
The Next.js mark is a stylized black “N” inside a circle — minimalist, geometric, and intentionally monochrome. Vercel (then Zeit) unveiled it alongside the 2016 v1 release and kept the shape through every major architectural shift: getInitialProps to getStaticProps/getServerSideProps, the Pages Router, and the 2022 App Router rewrite with React Server Components.
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.
