JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 168493
  • Score
    100M100P100Q162582F
  • License Apache-2.0

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

Package Exports

  • @remixicon/react
  • @remixicon/react/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@remixicon/react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

logo

remixicon npm downloads donate

English | 简体中文

Remix Icon For React

Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 2600+ icons are all elaborately crafted so that they are born with the gene of readability, consistency and perfect pixels. Each icon was designed in "Outlined" and "Filled" styles based on a 24x24 grid. Of course, all the icons are free for both personal and commercial use.

icon demo View the full set of Remix Icons at remixicon.com.

Installation

npm install @remixicon/react
# or
yarn add @remixicon/react
# or
pnpm install @remixicon/react

Usage

import { RiHeartFill } from '@remixicon/react'

const MyComponent = () => {
    return (
        <RiHeartFill
            size={36} // set custom `width` and `height`
            color="red" // set `fill` color
            className="my-icon" // add custom class name
        />
    )
}