@joniui/react-icons v1.0.9

Icons

Icons is a crisp, minimalist icon set built specifically for modern React applications. Designed on a 15×15 grid, each icon is crafted for clarity, consistency, and seamless integration with design systems.

Features

• Pixel-perfect 15×15 grid
• Optimized for React and Tailwind CSS
• Consistent visual language
• Tree-shakeable React components
• MIT License – Free for personal and commercial use

Installation

Install via npm:

npm i @joniui/react-icons

Or with yarn:

yarn add @joniui/react-icons

Usage

Use icons as React components:

import { AccessibilityIcon } from '@joniui/react-icons';

export default function Example() {
  return (
    <button className="flex items-center gap-2">
      <AccessibilityIcon
        width={20} 
        height={20} 
        color="currentColor" 
        fill="none" 
      />
      Confirm
    </button>
  );
}

You can customize each icon using Tailwind CSS or your own class names via the className prop.

Icon List & Documentation

To browse all available icons, usage examples, and design guidelines, visit:

Storybook Storybook

Contribution

We welcome contributions! If you'd like to submit a new icon or improve the existing set, please check our Contribution Guide.

License

Licensed under the MIT License. Copyright © 2025 [joniui].

See LICENSE for full details.