https://github.com/zaniluca/react-remixicon
Remixicon packaged as tree-shakable react components.
https://github.com/zaniluca/react-remixicon
jsx react react-components remixicon typescript
Last synced: about 1 month ago
JSON representation
Remixicon packaged as tree-shakable react components.
- Host: GitHub
- URL: https://github.com/zaniluca/react-remixicon
- Owner: zaniluca
- Created: 2023-10-09T21:08:06.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-23T04:59:12.000Z (5 months ago)
- Last Synced: 2025-04-07T03:38:58.570Z (about 2 months ago)
- Topics: jsx, react, react-components, remixicon, typescript
- Language: JavaScript
- Homepage:
- Size: 217 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @zaniluca/react-remixicon
[Remixicon](https://remixicon.com/) packaged as tree-shakable react components.
> [!NOTE]
> This package is automatically synced with the latest version of Remixicon. If you find any missing icon, please open an issue or a pull request.
## Installation
```bash
npm i @zaniluca/react-remixicon
# or
yard add @zaniluca/react-remixicon
# or
pnpm i @zaniluca/react-remixicon
```
## Usage
Search on [remixicon.com](https://remixicon.com) for the icon you want to use and copy the name of the icon. Then import the icon component and use it in your app.
```jsx
import { SampleIcon, AnotherSampleIcon } from "@zaniluca/react-remixicon";
const App = () => {
return (
);
};
```
As you can see, you can pass any valid `className` to the icon component. This is useful to change the color of the icon or to add a custom size, it even works with [tailwindcss](https://tailwindcss.com/).
> **Note:** All icons are exported as PascalCase and suffixed with `Icon`.