{"id":18668712,"url":"https://github.com/rinminase/ng-fortawesome","last_synced_at":"2026-04-14T04:31:38.961Z","repository":{"id":51026042,"uuid":"240318627","full_name":"RinMinase/ng-fortawesome","owner":"RinMinase","description":"🎨⭐ Reduce your project dependencies when using @fortawesome/angular-fortawesome.","archived":false,"fork":false,"pushed_at":"2022-08-01T17:59:28.000Z","size":1597,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-05-21T16:11:17.529Z","etag":null,"topics":["angular","circleci","fortawesome","ng-fortawesome","npm-package"],"latest_commit_sha":null,"homepage":"","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/RinMinase.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-02-13T17:20:41.000Z","updated_at":"2022-08-01T17:59:42.000Z","dependencies_parsed_at":"2022-08-26T04:30:16.844Z","dependency_job_id":null,"html_url":"https://github.com/RinMinase/ng-fortawesome","commit_stats":null,"previous_names":[],"tags_count":36,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RinMinase%2Fng-fortawesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RinMinase%2Fng-fortawesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RinMinase%2Fng-fortawesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RinMinase%2Fng-fortawesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RinMinase","download_url":"https://codeload.github.com/RinMinase/ng-fortawesome/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239498792,"owners_count":19648931,"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":["angular","circleci","fortawesome","ng-fortawesome","npm-package"],"created_at":"2024-11-07T08:44:41.112Z","updated_at":"2026-04-14T04:31:38.947Z","avatar_url":"https://github.com/RinMinase.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e Angular Fortawesome Dependencies \u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://circleci.com/gh/RinMinase/ng-fortawesome\"\u003e\n        \u003cimg alt=\"Circle-CI\" src=\"https://img.shields.io/circleci/build/github/RinMinase/ng-fortawesome/master.svg?logo=circleci\u0026style=for-the-badge\"\u003e\n    \u003c/a\u003e\u0026nbsp;\n    \u003ca href=\"https://semantic-release.gitbook.io/semantic-release/\"\u003e\n        \u003cimg alt=\"Semantic-Release\" src=\"https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=for-the-badge\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://bundlephobia.com/result?p=@rinminase/ng-fortawesome\"\u003e\n        \u003cimg alt=\"Bundle-Phobia\" src=\"https://img.shields.io/bundlephobia/minzip/@rinminase/ng-fortawesome?logo=webpack\u0026logoColor=white\u0026style=for-the-badge\"\u003e\n    \u003c/a\u003e\u0026nbsp;\n    \u003ca href=\"https://www.npmjs.com/package/@rinminase/ng-fortawesome\"\u003e\n        \u003cimg alt=\"NPM-DM\" src=\"https://img.shields.io/npm/dm/@rinminase/ng-fortawesome?logo=npm\u0026style=for-the-badge\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n## Introduction\n\nReduce your project dependencies when using `@fortawesome/angular-fontawesome`.\n\nThis library removes `svg-core` as its peer dependency. This also includes imports for `brand`, `regular` and `solid` icons.\n\n## Versions used\n\n| Dependencies              | Version  |  Import Shorthand  |\n| ------------------------- | -------- | ------------------ |\n| `angular-fontawesome`     | v0.9.0   |                    |\n| `fontawesome-svg-core`    | v1.2.35  |                    |\n| `free-brands-svg-icons`   | v5.15.3  |     fab\u003cIcon\u003e      |\n| `free-regular-svg-icons`  | v5.15.3  |     fa\u003cIcon\u003e       |\n| `free-solid-svg-icons`    | v5.15.3  |     fas\u003cIcon\u003e      |\n\n## Usage \u0026 Demo\n\n\n### Installation\n\n1. You can install ***ng-fortawesome*** using npm\n\n    ```bash\n    npm install @rinminase/ng-fortawesome\n    ```\n\n2. Add it on your module, like so\n\n    ```typescript\n    import { FontAwesomeModule } from \"@rinminase/ng-fortawesome\";\n\n    @NgModule({\n      imports: [\n        ...,\n        FontAwesomeModule,\n      ]\n    })\n    ```\n\n3. Declare it in your component, like so\n\n    ```typescript\n    import { fasPlus, faEdit, fabGithub } from \"@rinminase/ng-fortawesome\";\n\n    export class SomeComponent implements OnInit {\n      fasPlus = fasPlus;\n      faEdit = faEdit;\n      fabGithub = fabGithub;\n\n      onInit() {\n          ...\n      }\n    }\n    ```\n\n4. Use it on your template, like so\n\n    ```html\n    \u003cfa-icon [icon]=\"fasPlus\"\u003e\u003c/fa-icon\u003e\n    \u003cfa-icon [icon]=\"faEdit\"\u003e\u003c/fa-icon\u003e\n    \u003cfa-icon [icon]=\"fabGithub\"\u003e\u003c/fa-icon\u003e\n    ```\n\n## FAQ\n\n### Why re-create this library when there is already an existing one?\n\n- The existing library doesn't seem to remove `svg-core` as its peer dependency, but needs it for both `brands-svg`, `regular-svg` and `solid-svg`. I seem to see the need to remove the additional library installed for your project and have this library install it instead. This library aims to reduce the number of dependencies listed in your package file.\n\n  Instead of:\n\n  ```npm install @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons```\n\n  I wanted to do it this way:\n\n  ```npm install @rinminase/ng-fortawesome```\n\n  Which only adds one dependency in your project depencies instead of five.\n\n### Will this library be updated when any of its dependencies updates?\n\n- Yes. This is updated whenever `angular-fontawesome`, `brands-svg`, `regular-svg`, `solid-svg` or `svg-core` updates.\n\n## Built with\n* \u003cimg width=20 height=20 src=\"https://angular.io/assets/images/favicons/favicon.ico\"\u003e [Angular 12](https://angular.io/) - Library setup\n* \u003cimg width=20 height=20 src=\"https://www.typescriptlang.org/favicon-32x32.png\"\u003e [TypeScript](https://www.typescriptlang.org/) - Language syntax\n* \u003cimg width=20 height=20 src=\"https://nodejs.org/static/images/favicons/favicon-32x32.png\"\u003e [NodeJS](https://nodejs.org/) - Environment\n* \u003cimg width=20 height=20 src=\"https://dmmj3mmt94rvw.cloudfront.net/favicon-undefined.ico\"\u003e [Circle CI](https://circleci.com/) - Continuous Integration (CI) service\n* \u003cimg width=20 height=20 src=\"https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/spaces%2F-LGsE7zdvzHI5cG-XV6p%2Favatar.png?alt=media\"\u003e [Semantic Release📦🚀](https://semantic-release.gitbook.io/) - Releasing strategy\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frinminase%2Fng-fortawesome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frinminase%2Fng-fortawesome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frinminase%2Fng-fortawesome/lists"}