Icon Monks
React icons

React icons

5,518 free icon components for React, each in six weights. Typed for TypeScript, tree-shakeable, and styled with plain props.

Install

npm install @icon-monks/react

Use an icon

import { House, Heart } from '@icon-monks/react';

export function Nav() {
  return (
    <>
      <House />
      <Heart size={32} color="crimson" weight="fill" />
    </>
  );
}

Set defaults for a whole tree

import { IconContext, House, Bell } from '@icon-monks/react';

<IconContext.Provider value={{ size: 24, weight: 'duotone' }}>
  <House /> <Bell />
</IconContext.Provider>

Props

Prop	Values
`size`	Number or CSS length, default `1em`
`color`	Any CSS color, default `currentColor`
`weight`	`thin` `light` `regular` `bold` `fill` `duotone`
`mirrored`	Flips the icon for right-to-left layouts

Any other SVG attribute, such as aria-label or className, passes through to the <svg>. Every icon is also exported with an Icon suffix (HouseIcon) and as a deep import (@icon-monks/react/icons/House).