@drift-labs/icons package provides React icon components generated from Figma designs. This guide walks you through setting up the icons package in your project.
Installation
Install the icons package using your preferred package manager:Package Details
The icons package is distributed as both CommonJS and ESM modules:- Main (CJS):
dist/cjs/index.js - Module (ESM):
dist/esm/index.js - Types:
dist/index.d.ts
Basic Import
Import individual icon components from the package:TypeScript Support
The package includes full TypeScript support with type definitions. TheIconProps interface is exported for custom implementations:
Dependencies
The icons package has minimal dependencies:- React: 19.0.0-rc-02c0e824-20241028
Build Configuration
The package is tree-shakeable and has no side effects:Next Steps
Now that you’ve installed the icons package, learn how to use icon components in your application:Using Icon Components
Learn about icon props, styling, and best practices