License
Activate License

To get started with a HugeIcons Pro package, you need to install it from npm, yarn or bun.

Note: You can now use our private npm registry to install the HugeIcons Pro packages, and they are available for all users with an active subscription.

🔥 Our new registry now supports all pro packages 🔥

✨ @hugeicons/react
✨ @hugeicons/react-native
✨ @hugeicons/vue
✨ @hugeicons/svelte
✨ @hugeicons/angular

Configuration

Follow the steps below to install our HugeIcons packages and start using the icons in your project.

1. Create an Account

Visit our website hugeicons.com (opens in a new tab) and create an account or log in if you already have one.

2. Get Your NPM Token

Navigate to the Tokens tab and copy your unique npm token.

Note: for our new npm registry, you need to use the Universal License Key as your npm token.

3. Authentication

For NPM and old Yarn versions:

  • Create a new .npmrc file in your project root directory.

  • Add the following line to your .npmrc file

//registry.npmjs.org/:_authToken=YOUR_NPM_TOKEN
  • For the new npm registry, use the following registry:
@hugeicons:registry=https://npm.hugeicons.com/
//npm.hugeicons.com/:_authToken=YOUR_NPM_TOKEN

For new Yarn versions:

  • Add the following line to your .yarnrc.yml file
npmScopes:
  hugeicons:
    npmAlwaysAuth: true
    npmAuthToken: YOUR_NPM_TOKEN
    npmPublishRegistry: "https://npm.hugeicons.com/"

For Bun:

  • Add this to your config.toml file
[install.scopes]
@hugeicons = { token = "YOUR_NPM_TOKEN", url = "https://registry.npmjs.org/" }
  • For the new npm registry, use the following registry:
[install.scopes]
@hugeicons = { token = "YOUR_NPM_TOKEN", url = "https://npm.hugeicons.com/" }

Replace YOUR_NPM_TOKEN with the token you copied from the Tokens tab.

IntroductionReact Package