Usage Guide

If you’re a designer or just want to grab icons without any installations, simply head over to the icons page and download your desired icons.

For those with a React project, integrating sse-icons via our npm package is the best and easiest method.

📦 Installation

To add the icons to your project, run one of the following commands:

npm i @sse-auth/icons

or

yarn add @sse-auth/icons

or

pnpm add @sse-auth/icons

🛠️ Usage

Import named icon components from the @sse-auth/icons package and use them just like any other React component, with props/attributes similar to those of an SVG:

import { AppleDark, Auth0 } from "@sse-auth/icons";

//inside your React component JSX
export const YourReactComponent = () => {
  return (
    <div>
      <AppleDark className="apple-icon" />
      <Auth0 size={52} style={{ marginLeft: 20 }} />
    </div>
  );
};

In this example, we import AppleDark and Auth0 from the @sse-auth/icons package and use them within a React component. You can customize the icons by adjusting their size, color, style, and other properties.