Skip to content
Hack Club’s iconset, a superset of spectrum-icons
Branch: master
Clone or download
Permalink
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
README.md 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

README.md

@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
  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.