https://github.com/adityakumar41/react-tool-icons
https://github.com/adityakumar41/react-tool-icons
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/adityakumar41/react-tool-icons
- Owner: AdityaKumar41
- Created: 2025-02-13T06:25:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-17T11:23:11.000Z (over 1 year ago)
- Last Synced: 2025-08-16T19:13:09.292Z (10 months ago)
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/react-tool-icons
- Size: 313 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Tool Icons 📦
A comprehensive collection of 500+ high-quality icons for your React projects, including emojis, blockchain icons, React components, 3D icons, tech stack icons, and more.
[](https://www.npmjs.com/package/react-tool-icons)
[](https://github.com/yourusername/react-tool-icons/blob/main/LICENSE)
[](https://www.npmjs.com/package/react-tool-icons)
## Features
- **500+ Unique Icons**: Carefully crafted icons across multiple categories
- **Multiple Categories**:
- Emoji Icons
- Blockchain & Cryptocurrency
- Tech Stack Icons
- 3D Icons
- React-specific Components
- And many more...
- **Flexible Usage**: Use as React components or SVG
- **Customizable**: Easy to modify size, color, and other properties
- **Lightweight**: Tree-shakeable exports for optimal bundle size
- **TypeScript Support**: Full TypeScript definitions included
## Installation
```bash
# Using npm
npm install react-tool-icons
# Using yarn
yarn add react-tool-icons
# Using pnpm
pnpm add react-tool-icons
```
## Usage
### React Components
```jsx
import { BitcoinIcon, ReactIcon, SmileEmoji } from 'react-tool-icons';
function App() {
return (
);
}
```
### SVG Usage
```jsx
import { icons } from 'react-tool-icons/svg';
function App() {
return
;
}
```
## Available Icons
### Emoji Icons
- 😊 Smile
- 😎 Cool
- 💖 Heart
- ... and more
### Blockchain Icons
- Bitcoin (BTC)
- Ethereum (ETH)
- Binance Chain (BNB)
- ... and more
### Tech Stack Icons
- React
- Vue
- Angular
- Node.js
- ... and more
### 3D Icons
- Cube
- Sphere
- Cylinder
- ... and more
## Props
| Prop | Type | Default | Description |
| --------- | ------------------- | --------- | ---------------------------- |
| size | number | 24 | Width and height of the icon |
| color | string | 'current' | Color of the icon |
| className | string | '' | Additional CSS classes |
| style | React.CSSProperties | {} | Additional inline styles |
## Customization
### Size
```jsx
```
### Color
```jsx
```
### Custom Styling
```jsx
```
## Browser Support
- Chrome (Latest)
- Firefox (Latest)
- Safari (Latest)
- Edge (Latest)
- Opera (Latest)
## Contributing
We welcome contributions! Please see our [Contributing Guidelines](CONTRIBUTING.md) for details.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Support
- [Documentation](https://github.com/yourusername/react-tool-icons/wiki)
- [Issues](https://github.com/yourusername/react-tool-icons/issues)
- [Discussions](https://github.com/yourusername/react-tool-icons/discussions)
## Author
[@AdityaKumar41](https://github.com/AdityaKumar41)
## Acknowledgments
Special thanks to all contributors who helped make this package awesome!