@hackclub/icons

Hack Club’s icons are a superset of Spectrum’s incredible collection (also published as spectrum-icons). Designed for use with our Design System.

See them all

Usage

npm i @hackclub/icons

import React from 'react'
import Icon from '@hackclub/icons'

export default () => (
  <div style={{ color: 'cyan' }}>
    <Icon glyph="clubs" size={128} />
    <Icon glyph="bank-circle" size={64} />
    <Icon glyph="leaders" size={32} />
  </div>
)

Development Setup

1. Clone & enter the repo.

$ git clone https://github.com/hackclub/icons.git
$ cd icons

2. Install dependencies.

$ yarn

3. Build library.

yarn run prepare

4. Run docs locally.

yarn run dev