LibraryDisplayIcons

Icons

8,956 icons across 27 categories — Regular and Filled variants, designed for React and Next.js.

8,956 icons
27 categories
Regular + Filled
currentColor
TypeScript

Installation

Step 1 — Configure .npmrc

This package is hosted on GitHub Packages, not the public npm registry. npm doesn't know where to look for the @kaeyros-analytics-org scope by default, so you must tell it explicitly by creating a .npmrc file at the root of your project. You also need a GitHub Personal Access Token (PAT) with read:packages scope so npm can authenticate.

Why .npmrc? npm only knows about the public registry by default. GitHub Packages is a private registry — the .npmrc file maps the package scope to the right URL and provides the auth token so npm can read from it.

Where to get a token? Go to GitHub → Settings → Developer settings → Personal access tokens → Generate new token. Select the read:packages scope. In CI/CD pipelines (GitHub Actions), the token is injected automatically as $${{ secrets.GITHUB_TOKEN }} — no manual setup needed.

Step 2 — Install

Once .npmrc is in place, install the package normally.

Published on GitHub Packages under@kaeyros-analytics-org/icons

Usage

Import and render

Import icons by their PascalCase name. Regular icons have no suffix; Filled icons end in Filled.

Building
BuildingFilled
AngleUp
Shield
ShieldFilled

Props

All icons are React forwardRef components that extend SVGProps. Standard SVG attributes work out of the box.

16px
20px
24px
32px
40px
48px

Browse Icons

8,956 results