Skip to content
Hack Club’s iconset, a superset of spectrum-icons
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs Add now config Feb 25, 2019
svg Fix leaders-fill Feb 25, 2019
.babelrc ✏️ Aug 29, 2018
.gitignore ✏️ Aug 29, 2018
.npmpignore Update .npmpignore Feb 25, 2019
LICENSE ✏️ Aug 29, 2018 Add dev setup instructions to README Feb 25, 2019
index.js Add announcement icon Feb 25, 2019
package-lock.json Update dependencies Feb 25, 2019
package.json 0.0.2 Feb 25, 2019


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


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} />

Development Setup

  1. Clone & enter the repo.
$ git clone
$ cd icons
  1. Install dependencies.
$ npm install
  1. Setup docs (optional, do this if you’ve added icons).
npm run prepare
npm run docs
  1. Run locally.
npm run dev
You can’t perform that action at this time.