BlackBoard Icons

BlackBoard is a Quipper Design System Icons.

Installation

Install Blackboard Icons by running either of the following:

npm i quipper-blackboard-icons

yarn add quipper-blackboard-icons

Get Started

Core

Use core if you don't have chakra-ui as you dependency

import { BbAccount } from 'quipper-blackboard-icons/core';

function App() {
  return <BbAccount />;
}

If you have chakra-ui installed, you can use the chakra version

import { BcAccount } from 'quipper-blackboard-icons/chakra';

function App() {
  return <BcAccount color="blue.500" />;
}

Mixed core and chakra:

import { BbAccount, BcAccount } from 'quipper-blackboard-icons';

function App() {
  return (
    <>
      <BbAccount />

      {/* Chakra Icons always use prefix Bc */}
      <BcAccount />
      <BcAccount mx={4} w="100px" h="100px" color="blue.500" />
    </>
  );
}