{"id":47096922,"url":"https://github.com/yamogoo/alma-icons","last_synced_at":"2026-05-07T12:02:02.670Z","repository":{"id":314579010,"uuid":"1056037432","full_name":"yamogoo/alma-icons","owner":"yamogoo","description":"Modern Icons Library with multi-width designs for every UI","archived":false,"fork":false,"pushed_at":"2026-04-19T14:05:52.000Z","size":7658,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-19T16:35:51.889Z","etag":null,"topics":["design-system","frontend-development","icons","icons-library","svg","ui-design","ui-icons","ui-kit","ux-design"],"latest_commit_sha":null,"homepage":"https://almaicons.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yamogoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-13T09:04:14.000Z","updated_at":"2026-04-19T14:05:36.000Z","dependencies_parsed_at":"2025-09-13T12:38:29.184Z","dependency_job_id":null,"html_url":"https://github.com/yamogoo/alma-icons","commit_stats":null,"previous_names":["yamogoo/alma-icons"],"tags_count":25,"template":false,"template_full_name":null,"purl":"pkg:github/yamogoo/alma-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamogoo%2Falma-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamogoo%2Falma-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamogoo%2Falma-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamogoo%2Falma-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yamogoo","download_url":"https://codeload.github.com/yamogoo/alma-icons/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yamogoo%2Falma-icons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32736582,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-07T02:14:30.463Z","status":"ssl_error","status_checked_at":"2026-05-07T02:14:29.405Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["design-system","frontend-development","icons","icons-library","svg","ui-design","ui-icons","ui-kit","ux-design"],"created_at":"2026-03-12T14:38:13.246Z","updated_at":"2026-05-07T12:02:02.664Z","avatar_url":"https://github.com/yamogoo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AlmaIcons\n\n![image](https://github.com/yamogoo/alma-icons/blob/main/shared/images/alma-icons-logo--lg.png)\n\n![Version](https://img.shields.io/badge/version-3.4.0-green)\n\n[![License: CC BY-NC](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc.svg)](./LICENSE)\n\n![image](https://github.com/yamogoo/alma-icons/blob/main/shared/images/alma-icons--md.gif)\n\nAlma Icons is a **production-ready icon system** designed for scalable UI products.\n\nThe library includes **1216 icons** (608 outline, 608 fill) built on a consistent **100–500 weight stroke system** with a stable, versioned taxonomy.\n\nPerfect for design systems, product interfaces, and long-term UI development.\n\n- **1214 icons** (607 outline, 607 fill)\n- **2 styles**: `fill` \u0026 `outline`\n- **5 weights**: `100` - `500`\n- Stable, scalable taxonomy\n- Strict geometric consistency\n\n## Demo\n\n🌐 [almaicons.netlify.app](https://almaicons.netlify.app/)\n\n## Figma Community\n\nExplore the full library in Figma:\n\n👉 https://www.figma.com/community/file/1607825775789504167/alma-icons\n\n## Preview\n\nHere are just a few examples (each available in 2 styles × 5 weights):\n\n| Icon name      | Fill (300)                                                                                               | Outline (300)                                                                                               |\n| -------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |\n| `rocket`       | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/rocket_fill_300.svg)       | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/rocket_outline_300.svg)       |\n| `football`     | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/football_fill_300.svg)     | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/football_outline_300.svg)     |\n| `bag`          | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/shoppingBag_fill_300.svg)  | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/shoppingBag_outline_300.svg)  |\n| `folderClosed` | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/folderClosed_fill_300.svg) | ![](https://github.com/yamogoo/alma-icons/blob/main/packages/alma-icons/icons/folderClosed_outline_300.svg) |\n\n\u003e 👉 Every icon supports **weights 100 → 500**.\n\n## Installation\n\nUsing **pnpm**:\n\n```bash\npnpm add alma-icons\n```\n\nUsing **npm**:\n\n```bash\nnpm install alma-icons\n```\n\nUsing **yarn**:\n\n```bash\nyarn add alma-icons\n```\n\n## Usage\n\nAlma Icons supports two integration modes.\n\n### Static mode\n\nStatic mode is recommended for production UI. Import only the icons your app uses; bundlers can tree-shake the rest, and direct icon components are SSR-friendly.\n\nReact:\n\n```tsx\nimport { SearchOutline400 } from \"alma-icons/react/icons\";\n\nexport function SearchButton() {\n  return \u003cSearchOutline400 size={20} title=\"Search\" decorative={false} /\u003e;\n}\n```\n\nDirect per-icon React import:\n\n```tsx\nimport SearchOutline400 from \"alma-icons/react/icons/SearchOutline400\";\n```\n\nVue:\n\n```vue\n\u003cscript setup lang=\"ts\"\u003e\nimport { SearchOutline400 } from \"alma-icons/vue/icons\";\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cSearchOutline400 :size=\"20\" title=\"Search\" :decorative=\"false\" /\u003e\n\u003c/template\u003e\n```\n\nDirect per-icon Vue import:\n\n```ts\nimport SearchOutline400 from \"alma-icons/vue/icons/SearchOutline400\";\n```\n\n### Dynamic mode\n\nDynamic mode is for icon browsers, search UIs, plugin UIs, previews, and other places where the icon name is chosen at runtime. It uses a lazy generated manifest and resolves icons by name, style, and weight.\n\nReact:\n\n```tsx\nimport { AlmaIcon } from \"alma-icons/react\";\n\nexport function Preview() {\n  return \u003cAlmaIcon name=\"search\" appearance=\"outline\" weight=\"400\" size={20} /\u003e;\n}\n```\n\nVue:\n\n```vue\n\u003cscript setup lang=\"ts\"\u003e\nimport { AlmaIcon } from \"alma-icons/vue\";\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cAlmaIcon name=\"search\" appearance=\"outline\" weight=\"400\" :size=\"20\" /\u003e\n\u003c/template\u003e\n```\n\nThe root package also exposes metadata and the backwards-compatible lazy SVG manifest:\n\n```ts\nimport {\n  iconManifest,\n  iconNames,\n  iconStyles,\n  iconWeights,\n  hasIconVariant,\n  resolveIconKey,\n  type AlmaIconName,\n  type AlmaIconStyle,\n  type AlmaIconWeight,\n} from \"alma-icons\";\n\nconst key = resolveIconKey({ name: \"search\", style: \"outline\", weight: \"400\" });\nconst exists = hasIconVariant({\n  name: \"search\",\n  style: \"outline\",\n  weight: \"400\",\n});\n```\n\n\u003e Package examples use the current package name, `alma-icons`. If you publish split scoped entry packages, the same generated API maps to `@alma-icons/react`, `@alma-icons/react/icons`, `@alma-icons/vue`, and `@alma-icons/vue/icons`.\n\n## Development\n\nTo regenerate icons after adding new SVG files, run from the repository root or `packages/alma-icons`:\n\n```bash\npnpm generate\n```\n\nThis updates `dist/`, `index.js`, and `index.d.ts` with metadata, the lazy SVG manifest, and generated React/Vue components.\n\nTo validate the generated package surface, run from the repository root or `packages/alma-icons`:\n\n```bash\npnpm validate\n```\n\n## License\n\nAlma Icons © 2025–2026 [Misha Grebennikov](https://github.com/yamogoo)  \nhttps://github.com/yamogoo\n\nLicensed under [CC BY-NC 4.0](https://creativecommons.org/licenses/by-nc/4.0/)\n.\n\n- You must give appropriate credit, provide a link to the license, and indicate if changes were made.\n\n- **You may not use the icons for commercial purposes.**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyamogoo%2Falma-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyamogoo%2Falma-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyamogoo%2Falma-icons/lists"}