Browse icons

free React icons

Free icons for React

Short answer

Click any icon below to copy it as a ready React component (JSX, currentColor, props spread onto the svg) and paste it into your project. Or install the typed, tree-shakable package: npm i @withicons/react brings all 500 icons in 20 styles. Everything is MIT licensed.

Pick an icon, copy the code

A starter set for React. Search to find any of all 500.

Click an icon to copy it as JSX for React. The arrow opens its page.

The package

One import per icon, any style

Install it with npm i @withicons/react. The default import is the Line style; every other style is a subpath with the same names. Only the icons you import end up in your bundle. No build step? Copy JSX from the grid above or use the CDN, sprites and CSS.

Quick facts
Package@withicons/react (React 18+)
Propssize, color, strokeWidth, absoluteStrokeWidth, title, className
Accessibilityaria-hidden by default; pass title for a labelled icon
LicenceMIT
Toolbar.jsx
import { Home, Search } from '@withicons/react'          // line (default)
import { Home as HomeSolid } from '@withicons/react/solid'

export function Toolbar() {
  return (
    <nav>
      <Home />
      <Search size={20} strokeWidth={1.5} />
      <HomeSolid size={32} color="#e11d48" title="Home" />
    </nav>
  )
}

All props and frameworks: developer docs.

FAQ

Questions people ask

Is @withicons/react available on npm?

Yes: npm i @withicons/react (React 18+). You can also copy any icon as JSX from this page, or get the SVG sprites and CSS from the developer page.

Are the React icons tree-shakable?

Yes. Each icon is its own ES module export, so bundlers keep only the icons you import.

Can I use the icons with Next.js?

Yes. The copied JSX components are plain function components with no hooks, so they work in server and client components.

Are there icons for Vue, Svelte and Angular too?

Yes, the same icons and props: Vue, plus Svelte, Angular, Solid and a web component on the developer page.

Find your icon in seconds

500 free icons, 20 styles, no account. Copy, download or drag them into your work.

Browse all icons