@signoz/icons is a collection of SVG-based React icon components. This package provides a set of customizable icons that can be easily integrated into your React projects.
- SVG-based icons for high-quality rendering
- Customizable via React props
- Easy integration with React projects
To install the package, use npm:
npm install @signoz/iconsTo use an icon in your project, import it from the package and include it in your component:
import { IconName } from '@signoz/icons';
const MyComponent = () => (
<IconName />
);Replace IconName with the actual name of the icon you want to use.
The following scripts are available in the package:
prebuild: Cleans thesrcanddistdirectories usingrimraf.build: Runs thesvgrscript and then builds the project usingrollup.svgr: Converts SVG files to React components with specific options.
To run these scripts, use npm:
npm run prebuild
npm run build
npm run svgrMake sure you have the following installed:
- Node.js
- npm
To build the project, run:
npm run buildThis will generate the dist directory with the compiled files.
We welcome contributions to this package. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.