Mindyjs React Icons @mindyjs/icons

The brand new React implementation Remixicons Icons library to use as React components.

Currently 2271 neutral-style icons!

Installation

npm install @mindyjs/icons --save

or

yarn add @mindyjs/icons

Usage

import { RiStore3Line } from "@mindyjs/icons";

export default function App() {
  return <RiStore3Line />;
}

You can pass whatever props you want:

<RiStore3Line className="ml-4" />

You can also include the whole icon pack:

import * as Icon from "@mindyjs/icons";

export default function App() {
  return <Icon.RiStore3Line />;
}

You can also use MdIcons component:

import { MdIcons } from "@mindyjs/icons";

export default function App() {
  return <MdIcons name="RiHomeLine" />;
}

The icon names are the PascalCase version of the original name. Examples: ri-store-3-line → RiStore3Line, ri-store-fill → RiStoreFill.

IconProps

| Name | Default | description | | ---------- | ------- | ------------------------------------------------------------------------------------------------------------------- | | as | svg | designate a parent element to wrap the svg element, note: all props will apply to the element defined by as | | ...props | | You can pass whatever props you want |

Figma icon set

You can install it from the Figma app: Remix Icons set in Figma

More options

work in progress ...

Follow us

• Twitter: https://twitter.com/mindyjs_ , @Mindyjs_

License

• @mindyjs/icons are open-sourced (MIT)
• Remix Icons are open-sourced (Apache License 2.0).

Collaborators

• @jamalmatic