Sign in
Icons
Install

Get started in three steps

One package, six weights. The registry token stays in .npmrc. It never ships in a browser bundle.

  • 1 package
  • 6 weights
  • React
  1. 1

    Point npm at the registry

    Add this to the project .npmrc. The token comes from your account after a lifetime purchase or an active subscription.

    .npmrc
    1@stashicon:registry=https://registry.stashicon.com
    2//registry.stashicon.com/:_authToken=${STASHICON_ICON_TOKEN}
  2. 2

    Install the package

    Customers install one package. Every weight is included.

    Terminal
    $npm install @stashicon/icons
  3. 3

    Use an icon

    Import by name. Pass weight on one icon, or set a default with IconProvider. Omit weight and the icon uses linear.

    App.tsx
    1import { Home2, Heart, Bell, Settings, IconProvider } from "@stashicon/icons";
    2 
    3export function Toolbar() {
    4  return (
    5    <nav>
    6      <Home2 />
    7      <Heart weight="bold-duotone" size={24} />
    8      <Bell weight="broken" color="#3b82f6" />
    9 
    10      <IconProvider weight="outline-bold">
    11        <Settings />
    12      </IconProvider>
    13    </nav>
    14  );
    15}

Weights

The prop value is the weight id. The catalog labels are shorter names for the same six files.

  • Brokenbroken
  • Line Duotoneline-duotone
  • Linearlinear
  • Outlineoutline-bold
  • Boldbold
  • Bold Duotonebold-duotone

Unlock SVG and npm

PNGs are free. Pro adds SVG and the npm package.

Sign inSee plans