Free React icons

Original icons for React and Next.js. Each one renders accessible SVG and takes size, colour and stroke props.

Browse all icons React guide

How to use them

1Find an icon in the explorer by name or concept.
2Adjust the size, colour or stroke.
3Copy JSX into your component, or import it from @ikions/react.

Toolbar.tsx

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

export function Toolbar() {
  return (
    <nav className="toolbar">
      <SearchIcon size={20} />
      <BellIcon size={20} variant="filled" title="Notifications" />
      <UserIcon size={20} strokeWidth={1.5} />
    </nav>
  );
}