@softicons/react

@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>
  );
}

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