@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: 'hotpink' }}>
    <Icon glyph="challenge" size={128} />
    <Icon glyph="event-code" size={64} />
    <Icon glyph="important" size={32} />
  </div>
)

Development Setup

1. Clone & enter the repo.

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

2. Install dependencies.

$ npm install

3. Setup docs (optional, do this if you’ve added icons).

npm run prepare
npm run docs

4. Run locally.

npm run dev