{"id":13495161,"url":"https://github.com/lachlanjc/supercons","last_synced_at":"2025-05-16T15:03:22.849Z","repository":{"id":42667662,"uuid":"335484733","full_name":"lachlanjc/supercons","owner":"lachlanjc","description":"A friendly, open source React iconset","archived":false,"fork":false,"pushed_at":"2025-02-18T21:33:01.000Z","size":653,"stargazers_count":195,"open_issues_count":4,"forks_count":8,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-09T05:07:35.484Z","etag":null,"topics":["icon-pack","icons","react","react-icons"],"latest_commit_sha":null,"homepage":"https://supercons.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lachlanjc.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-02-03T02:30:18.000Z","updated_at":"2025-03-21T23:43:17.000Z","dependencies_parsed_at":"2025-02-28T06:04:27.404Z","dependency_job_id":"5f6dffae-7770-41db-9408-e66833ccfdc9","html_url":"https://github.com/lachlanjc/supercons","commit_stats":{"total_commits":35,"total_committers":3,"mean_commits":"11.666666666666666","dds":"0.48571428571428577","last_synced_commit":"83d65bc29fa08ba0a7fe1e3fc4e222a011673a6d"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lachlanjc%2Fsupercons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lachlanjc%2Fsupercons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lachlanjc%2Fsupercons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lachlanjc%2Fsupercons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lachlanjc","download_url":"https://codeload.github.com/lachlanjc/supercons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254544833,"owners_count":22088809,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["icon-pack","icons","react","react-icons"],"created_at":"2024-07-31T19:01:31.854Z","updated_at":"2025-05-16T15:03:22.776Z","avatar_url":"https://github.com/lachlanjc.png","language":"TypeScript","funding_links":[],"categories":["SVG Icon","TypeScript"],"sub_categories":[],"readme":"# Supercons\n\nA friendly set of open source React icons.\n\n[→ **Preview \u0026 search the iconset**][docs]\n\n[docs]: https://supercons.vercel.app\n\nMassive credit to [@superbryntendo](https://github.com/superbryntendo) for the original set of icons \u0026 aesthetic inspiration.\n\nPredecessor projects: [spectrum-icons](https://github.com/lachlanjc/spectrum-icons), [@hackclub/icons](https://github.com/hackclub/icons)\n\n![Banner with fun styling of Supercons](https://cloud-l7ijxkyvg.vercel.app/2021-02-02_21010z8cwfunpdn3jp59d7np4z6q5kdj.png)\n\n## Usage\n\n```sh\nyarn add supercons\n# npm i supercons\n```\n\n```js\nimport React from 'react'\nimport Icon from 'supercons'\n\nexport default () =\u003e (\n  \u003cdiv style={{ color: 'magenta' }}\u003e\n    \u003cIcon glyph=\"like\" size={128} /\u003e\n    \u003cIcon glyph=\"cloud\" size={32} /\u003e\n  \u003c/div\u003e\n)\n```\n\nBuilt with/supports TypeScript.\n\n### Props\n\n| Prop    | Type             | Default | Details               |\n| ------- | ---------------- | ------- | --------------------- |\n| `glyph` | String, required | `like`  | See [docs]            |\n| `size`  | Number or string | `32`    | Sets width \u0026 height   |\n| `as`    | React component  | `svg`   | Must render `svg` tag |\n\nYou 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.\n\n## Development setup\n\n1. Clone \u0026 enter the repo.\n\n```sh\n$ git clone https://github.com/lachlanjc/supercons.git\n$ cd supercons\n```\n\n2. Install dependencies.\n\n```sh\n$ yarn\n```\n\n4. Run docs locally.\n\n```sh\nyarn run dev\n```\n\n4. After making changes to icons, build the library.\n\n```sh\nyarn run prepare\n```\n\n## To-do list\n\n- [x] Drop PropTypes for TypeScript (thanks [@anirudhb](https://github.com/anirudhb)!)\n- [x] Use [Microbundle](https://github.com/developit/microbundle) for build\n- [ ] Allow tree-shaking by programatically generating a component for each icon\n- [ ] Forward refs (with proper TypeScript support)\n- [x] Add more icons\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flachlanjc%2Fsupercons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flachlanjc%2Fsupercons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flachlanjc%2Fsupercons/lists"}