React icons

Typed React icon components for Next.js, Vite, Remix and Create React App. Import icons by name, set size, color, accent color and stroke width as props.

Browse 105K+ icons See pricing

105K+ icons
4,406 designs
8 styles
3 corner shapes
24px grid
Free Stroke set

Stroke style

A few of the most used react icons. Click any icon for the SVG, code and all 8 styles.

Install in a minute

npm i @nuqta/react @nuqta/icons-stroke-round

import { NuqtaIcon } from '@nuqta/react';
import { CalendarIcon } from '@nuqta/icons-stroke-round';

<NuqtaIcon icon={CalendarIcon} size={24} />

Full steps, props and options in the React guide.

Why teams pick Nuqta

One consistent systemEvery icon shares one 24px grid, one stroke weight and the same corner rules.

8 styles, 3 cornersStroke, Light, Bold, Filled, Duotone, Twotone, Tint and Shift, each Round, Classic or Sharp.

Design and code in syncFigma plugin plus packages for React, Vue, React Native and Flutter, with matching names.

Commercial licenseUse the icons in your products and client work. The Stroke set is free.

Questions

Does it work with Next.js?

Yes. Use the icons in client components in the App Router, or anywhere in the Pages Router.

Is it written in TypeScript?

The packages ship TypeScript types for every icon and prop.

Browse by category

Icons sorted the way you look for them.