{"id":27194803,"url":"https://github.com/outposthq/jengaicons","last_synced_at":"2026-02-03T13:10:42.797Z","repository":{"id":65789376,"uuid":"428529731","full_name":"outpostHQ/jengaicons","owner":"outpostHQ","description":"Jenga Icons is a collection of adaptable icons designed for use in interfaces, diagrams, and other applications.","archived":false,"fork":false,"pushed_at":"2024-04-12T12:32:17.000Z","size":9721,"stargazers_count":8,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-12T19:58:05.501Z","etag":null,"topics":["icon-font","icon-pack","icons","jenga-icons","react","svg","svg-icons"],"latest_commit_sha":null,"homepage":"https://jengaicons-website.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/outpostHQ.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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-11-16T05:33:22.000Z","updated_at":"2024-05-02T06:55:03.795Z","dependencies_parsed_at":"2024-04-12T13:44:36.857Z","dependency_job_id":"6c1e1755-d2a7-475e-8fa2-1fe3820102af","html_url":"https://github.com/outpostHQ/jengaicons","commit_stats":{"total_commits":61,"total_committers":4,"mean_commits":15.25,"dds":0.6557377049180328,"last_synced_commit":"1e39ca0f07160210d20a7ab9af785620cf03e276"},"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/outpostHQ%2Fjengaicons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/outpostHQ%2Fjengaicons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/outpostHQ%2Fjengaicons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/outpostHQ%2Fjengaicons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/outpostHQ","download_url":"https://codeload.github.com/outpostHQ/jengaicons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248098519,"owners_count":21047455,"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-font","icon-pack","icons","jenga-icons","react","svg","svg-icons"],"created_at":"2025-04-09T19:36:32.128Z","updated_at":"2026-02-03T13:10:42.779Z","avatar_url":"https://github.com/outpostHQ.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Jenga Icons\n\nA collection of **2,500+ beautifully crafted icons** in three variants, designed for React and Svelte applications.\n\n[![NPM Version - React](https://img.shields.io/npm/v/@jengaicons/react.svg?style=flat\u0026label=react)](https://www.npmjs.com/package/@jengaicons/react)\n[![NPM Version - Svelte](https://img.shields.io/npm/v/@jengaicons/svelte.svg?style=flat\u0026label=svelte)](https://www.npmjs.com/package/@jengaicons/svelte)\n[![Discord](https://img.shields.io/discord/793832892781690891?color=7389D8\u0026label=chat%20on%20Discord\u0026logo=Discord\u0026logoColor=ffffff)](https://discord.gg/sHnHPnAPZj)\n\n## Packages\n\n| Package | Version | Description |\n|---------|---------|-------------|\n| [@jengaicons/react](./packages/jengaicons-react) | [![npm](https://img.shields.io/npm/v/@jengaicons/react.svg)](https://www.npmjs.com/package/@jengaicons/react) | React components |\n| [@jengaicons/svelte](./packages/jengaicons-svelte) | [![npm](https://img.shields.io/npm/v/@jengaicons/svelte.svg)](https://www.npmjs.com/package/@jengaicons/svelte) | Svelte 5 components |\n\n---\n\n## Icon Variants\n\nAll icons come in **three variants**:\n\n| Variant | Count | Naming Convention | Description |\n|---------|-------|-------------------|-------------|\n| **Regular** | 1,208 | `Activity`, `Bell` | Outline/stroke icons with adjustable weight |\n| **Fill** | 1,205 | `ActivityFill`, `BellFill` | Solid filled icons |\n| **Mono** | 122 | `GithubMono`, `TwitterMono` | Brand logos and monochrome icons |\n\n---\n\n## React\n\n### Installation\n\n```sh\nnpm install @jengaicons/react\n# or\nyarn add @jengaicons/react\n# or\nbun add @jengaicons/react\n```\n\n### Usage\n\n```tsx\nimport { Activity, ActivityFill, GithubMono } from \"@jengaicons/react\"\n\nfunction App() {\n  return (\n    \u003cdiv\u003e\n      {/* Regular (outline) */}\n      \u003cActivity size={24} color=\"currentColor\" /\u003e\n\n      {/* Fill (solid) */}\n      \u003cActivityFill size={24} color=\"#6864d4\" /\u003e\n\n      {/* Mono (brand) */}\n      \u003cGithubMono size={24} /\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\n### Next.js Optimization\n\n```ts\n// next.config.mjs\nimport { nextJsModularizeImport } from \"@jengaicons/react\"\n\nconst nextConfig = {\n  modularizeImports: {\n    \"@jengaicons/react\": nextJsModularizeImport,\n  },\n}\n\nexport default nextConfig\n```\n\n### Global Configuration (React Context)\n\n```tsx\nimport { Activity, JengaIconContext } from \"@jengaicons/react\"\n\nfunction App() {\n  return (\n    \u003cJengaIconContext.Provider value={{ color: \"blue\", size: 24 }}\u003e\n      \u003cActivity /\u003e {/* Inherits color and size */}\n    \u003c/JengaIconContext.Provider\u003e\n  )\n}\n```\n\n---\n\n## Svelte\n\n### Installation\n\n```sh\nnpm install @jengaicons/svelte\n# or\nyarn add @jengaicons/svelte\n# or\nbun add @jengaicons/svelte\n```\n\n### Usage\n\n```svelte\n\u003cscript\u003e\n  import { Activity, ActivityFill, GithubMono } from \"@jengaicons/svelte\"\n\u003c/script\u003e\n\n\u003c!-- Regular (outline) --\u003e\n\u003cActivity size={24} color=\"currentColor\" /\u003e\n\n\u003c!-- Fill (solid) --\u003e\n\u003cActivityFill size={24} color=\"#6864d4\" /\u003e\n\n\u003c!-- Mono (brand) --\u003e\n\u003cGithubMono size={24} /\u003e\n```\n\n### Individual Imports (Best for Tree-Shaking)\n\n```svelte\n\u003cscript\u003e\n  import Activity from \"@jengaicons/svelte/icons/Activity\"\n  import ActivityFill from \"@jengaicons/svelte/icons/ActivityFill\"\n\u003c/script\u003e\n```\n\n---\n\n## Props\n\nBoth packages share the same props API:\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `color` | `string` | `currentColor` | Icon color (any CSS color value) |\n| `size` | `number \\| string` | `32` | Width and height in pixels |\n| `strokeWidth` | `number \\| string` | `1` | Stroke width (Regular icons only) |\n| `mirrored` | `boolean` | `false` | Flip icon horizontally (RTL support) |\n| `class` | `string` | - | CSS class name |\n| `style` | `object` | - | Inline styles |\n\nAll standard SVG attributes are passed through to the `\u003csvg\u003e` element.\n\n---\n\n## Bundle Size\n\nIcons are optimized for minimal bundle size with full tree-shaking support:\n\n| Package | Per Icon (uncompressed) | Gzipped |\n|---------|------------------------|---------|\n| React | ~800 bytes | ~400 bytes |\n| Svelte | ~250 bytes | ~150 bytes |\n\n*Svelte icons are highly optimized - smaller than alternatives like Lucide.*\n\n---\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guide](./CONTRIBUTING.md) for details.\n\n## License\n\nJenga Icons is a project by [Outpost](https://outpost.run).\n\nReleased under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foutposthq%2Fjengaicons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foutposthq%2Fjengaicons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foutposthq%2Fjengaicons/lists"}