@softicons/react

Tree-shakeable React components for the Softicons icon set — 24×24, mono-line, currentColor, zero runtime dependencies.

Install

npm i @softicons/react
# or
pnpm add @softicons/react
# or
yarn add @softicons/react

Use

import { ArrowRightIcon, HeartIcon } from "@softicons/react";

export function Toolbar() {
  return (
    <div>
      <ArrowRightIcon />
      <HeartIcon size={20} strokeWidth={1.5} color="#e06a8b" aria-label="Like" />
    </div>
  );
}

| Prop | Type | Default | |---|---|---| | size | number \| string | 24 | | color | string | currentColor | | strokeWidth | number \| string | 1.5 | | aria-label | string | — (adds role="img", else aria-hidden) | | …any SVG attribute | | passed through |

Named imports are individually tree-shakeable — your bundle only includes the icons you import. Every icon ships with TypeScript types.

Links

• 🌐 softicons.dev — browse all icons
• 📖 Docs
• 📦 All Softicons packages on npm

MIT © Softicons