lachlanjc / Supercons
Licence: bsd-3-clause
A friendly, open source React iconset
Stars: ✭ 113
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Supercons
Cryptocoins
Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies
Stars: ✭ 810 (+616.81%)
Mutual labels: icons, icon-pack
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
Stars: ✭ 828 (+632.74%)
Mutual labels: icons, icon-pack
Phosphor Home
The homepage of Phosphor Icons, a flexible icon family for everyone
Stars: ✭ 704 (+523.01%)
Mutual labels: icons, icon-pack
Phosphor Icons
A flexible icon family for the web
Stars: ✭ 56 (-50.44%)
Mutual labels: icons, icon-pack
Line Awesome
Replace Font Awesome with modern line icons
Stars: ✭ 801 (+608.85%)
Mutual labels: icons, icon-pack
Eva Icons
A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.
Stars: ✭ 8,114 (+7080.53%)
Mutual labels: icons, icon-pack
icons
Simple, minimal line, and clean icon pack in vector formats — free for public use.
Stars: ✭ 24 (-78.76%)
Mutual labels: icons, icon-pack
Iconhandler
Tint you Icons, change the size, apply alpha color and set a position easily. 👓
Stars: ✭ 59 (-47.79%)
Mutual labels: icons, icon-pack
Blueprint
Free, feature-rich, easily customizable Android dashboard for icon packs
Stars: ✭ 389 (+244.25%)
Mutual labels: icons, icon-pack
Suru Plus Ubuntu
Suru++ Ubuntu — An elegant third-party icons theme based on Sam Hewitt's Suru Icons
Stars: ✭ 85 (-24.78%)
Mutual labels: icons, icon-pack
Ikonate
Fully customisable & accessible vector icons
Stars: ✭ 3,392 (+2901.77%)
Mutual labels: icons, icon-pack
Vscode Icons
Custom Visual Studio Code Icons
Stars: ✭ 1,021 (+803.54%)
Mutual labels: icons, icon-pack
la-capitaine-android
📱 La Capitaine icons on Android!
Stars: ✭ 17 (-84.96%)
Mutual labels: icons, icon-pack
Cryptoawesome
The most complete cryptocurrency image library to be used in your project.
Stars: ✭ 58 (-48.67%)
Mutual labels: icons, icon-pack
Mahapps.metro.iconpacks
Awesome icon packs for WPF and UWP in one library
Stars: ✭ 1,157 (+923.89%)
Mutual labels: icons, icon-pack
Supercons
A friendly set of open source React icons.
→ Preview & search the iconset
Massive credit to @superbryntendo for the original set of icons & aesthetic inspiration.
Predecessor projects: spectrum-icons, @hackclub/icons
Usage
yarn add supercons
# npm i supercons
import React from 'react'
import Icon from 'supercons'
export default () => (
<div style={{ color: 'magenta' }}>
<Icon glyph="like" size={128} />
<Icon glyph="cloud" size={32} />
</div>
)
Built with/supports TypeScript.
Props
| Prop | Type | Default | Details |
|---|---|---|---|
glyph |
String, required | like |
See docs |
size |
Number or string | 32 |
Sets width & height |
as |
React component | svg |
Must render svg tag |
You can also pass any other props. Remember to make your icons accessible with aria-label or title, use aria-hidden if they’re purely decorative, etc.
Development setup
- Clone & enter the repo.
$ git clone https://github.com/lachlanjc/supercons.git
$ cd supercons
- Install dependencies.
$ yarn
- Run docs locally.
yarn run dev
- After making changes to icons, build the library.
yarn run prepare
To-do list
- [x] Drop PropTypes for TypeScript (thanks @anirudhb!)
- [x] Use Microbundle for build
- [ ] Allow tree-shaking by programatically generating a component for each icon
- [ ] Forward refs (with proper TypeScript support)
- [ ] Add more icons
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].