{"id":13729377,"url":"https://github.com/FortAwesome/angular-fontawesome","last_synced_at":"2025-05-08T01:32:23.650Z","repository":{"id":27686275,"uuid":"114821003","full_name":"FortAwesome/angular-fontawesome","owner":"FortAwesome","description":"  Official Angular component for Font Awesome 5+","archived":false,"fork":false,"pushed_at":"2024-09-11T18:14:56.000Z","size":8246,"stargazers_count":1477,"open_issues_count":13,"forks_count":149,"subscribers_count":37,"default_branch":"main","last_synced_at":"2024-10-29T10:54:47.088Z","etag":null,"topics":["angular","fontawesome","icons"],"latest_commit_sha":null,"homepage":"https://fontawesome.com","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/FortAwesome.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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":"2017-12-19T23:22:39.000Z","updated_at":"2024-10-24T05:31:19.000Z","dependencies_parsed_at":"2022-07-08T19:50:03.555Z","dependency_job_id":"ba7755ba-35a6-42b3-9dce-c3c74ddb5aff","html_url":"https://github.com/FortAwesome/angular-fontawesome","commit_stats":{"total_commits":198,"total_committers":29,"mean_commits":6.827586206896552,"dds":"0.35858585858585856","last_synced_commit":"f91fa200463e908111a9fa48214a8d0cd7face37"},"previous_names":[],"tags_count":31,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FortAwesome%2Fangular-fontawesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FortAwesome%2Fangular-fontawesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FortAwesome%2Fangular-fontawesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FortAwesome%2Fangular-fontawesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FortAwesome","download_url":"https://codeload.github.com/FortAwesome/angular-fontawesome/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224688969,"owners_count":17353296,"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","fontawesome","icons"],"created_at":"2024-08-03T02:00:59.315Z","updated_at":"2025-05-08T01:32:23.641Z","avatar_url":"https://github.com/FortAwesome.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Documentation","Third Party Components","UI Components"],"sub_categories":["Core Resources","Icons"],"readme":"\u003ca href=\"https://fontawesome.com\"\u003e\n  \u003cimg align=\"right\" width=\"100\" height=\"100\" alt=\"Official Javascript Component\" src=\"https://img.fortawesome.com/349cfdf6/official-javascript-component.svg\"\u003e\n\u003c/a\u003e\n\n# angular-fontawesome\n\n[![npm](https://img.shields.io/npm/v/@fortawesome/angular-fontawesome.svg?style=flat-square)](https://www.npmjs.com/package/@fortawesome/angular-fontawesome)\n\nOfficial Angular component for Font Awesome 5+\n\n## Installation\n\nIf you have [FontAwesome Pro](https://fontawesome.com/plans) subscription, make sure to [configure access](https://fontawesome.com/docs/web/setup/packages#_1-configure-access) before following the installation instructions.\n\nUsing `ng add`:\n\n```\n# See Compatibility table below to choose a correct version\n$ ng add @fortawesome/angular-fontawesome@\u003cversion\u003e\n```\n\nUsing [Yarn](https://yarnpkg.com)\n```\n$ yarn add @fortawesome/free-solid-svg-icons\n# See Compatibility table below to choose a correct version\n$ yarn add @fortawesome/angular-fontawesome@\u003cversion\u003e\n```\n\nUsing [NPM](https://www.npmjs.com/)\n```\n$ npm install @fortawesome/free-solid-svg-icons\n# See Compatibility table below to choose a correct version\n$ npm install @fortawesome/angular-fontawesome@\u003cversion\u003e\n```\n\n### Compatibility table\n\n| @fortawesome/angular-fontawesome | Angular    | Font Awesome | ng-add        |\n|----------------------------------|------------|--------------|---------------|\n| 0.1.x                            | 5.x        | 5.x          | not supported |\n| 0.2.x                            | 6.x        | 5.x          | not supported |\n| 0.3.x                            | 6.x \u0026\u0026 7.x | 5.x          | not supported |\n| 0.4.x, 0.5.x                     | 8.x        | 5.x          | not supported |\n| 0.6.x                            | 9.x        | 5.x          | supported     |\n| 0.7.x                            | 10.x       | 5.x          | supported     |\n| 0.8.x                            | 11.x       | 5.x          | supported     |\n| 0.9.x                            | 12.x       | 5.x          | supported     |\n| 0.10.x                           | 13.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 0.11.x                           | 14.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 0.12.x                           | 15.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 0.13.x                           | 16.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 0.14.x                           | 17.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 0.15.x                           | 18.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 1.x                              | 19.x       | 5.x \u0026\u0026 6.x   | supported     |\n| 2.x                              | 19.x       | 5.x \u0026\u0026 6.x   | supported     |\n\n## Usage\n\nTo get up and running using Font Awesome with Angular follow the below steps:\n\n1. Add `FontAwesomeModule` to the `imports` and tie the icon to the property in your component\n`src/app/app.component.ts`:\n\n    ```typescript\n    import { Component } from '@angular/core';\n    import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n    import { faCoffee } from '@fortawesome/free-solid-svg-icons';\n    \n    @Component({\n      selector: 'app-root',\n      imports: [FontAwesomeModule], // alternatively, individual components can be imported\n      templateUrl: './app.component.html'\n    })\n    export class AppComponent {\n      faCoffee = faCoffee;\n    }\n    ```\n\n1. Use the icon in the template\n`src/app/app.component.html`:\n\n    ```html\n    \u003cfa-icon [icon]=\"faCoffee\"\u003e\u003c/fa-icon\u003e\n    ```\n\n## Documentation\n\n* [In-depth usage guide](./docs/usage.md)\n* [Using other styles](./docs/usage/using-other-styles.md)\n* [Full feature list](./docs/usage/features.md)\n* [Upgrading instructions](UPGRADING.md)\n* [Frequency asked questions](./docs/faq.md)\n\n## Examples\n\n### Stackblitz\nHere's a [StackBlitz Starter Sample](https://stackblitz.com/edit/angular-ivy-7jrcne) on how to display Solid, Regular, and Brand icons [using the Icon Library](./docs/usage/icon-library.md#using-the-icon-library).\n\n\n### Demo application\nYou can find examples in the `projects/demo` directory. You can follow [the docs to run the demo app](./DEVELOPER.md#setting-up-the-local-environment) on your own machine.\n\n## Contributing\n`angular-fontawesome` is a product of the community, you can take a look at the [developer docs](./DEVELOPER.md) to find about more on how to contribute back to the project.\n\n## Contributors\n\nThe following contributors have either helped to start this project, have contributed\ncode, are actively maintaining it (including documentation), or in other ways\nbeing awesome contributors to this project. **We'd like to take a moment to recognize them.**\n\n[\u003cimg src=\"https://github.com/devoto13.png?size=72\" alt=\"devoto13\" width=\"72\"\u003e](https://github.com/devoto13)\n[\u003cimg src=\"https://github.com/zeevkatz.png?size=72\" alt=\"zeevkatz\" width=\"72\"\u003e](https://github.com/zeevkatz)\n[\u003cimg src=\"https://github.com/scttcper.png?size=72\" alt=\"scttcper\" width=\"72\"\u003e](https://github.com/scttcper)\n[\u003cimg src=\"https://github.com/DavidePastore.png?size=72\" alt=\"DavidePastore\" width=\"72\"\u003e](https://github.com/DavidePastore)\n[\u003cimg src=\"https://github.com/donmckenna.png?size=72\" alt=\"donmckenna\" width=\"72\"\u003e](https://github.com/donmckenna)\n[\u003cimg src=\"https://github.com/paustint.png?size=72\" alt=\"paustint\" width=\"72\"\u003e](https://github.com/paustint)\n[\u003cimg src=\"https://github.com/mzellho.png?size=72\" alt=\"mzellho\" width=\"72\"\u003e](https://github.com/mzellho)\n[\u003cimg src=\"https://github.com/elebitzero.png?size=72\" alt=\"elebitzero\" width=\"72\"\u003e](https://github.com/elebitzero)\n[\u003cimg src=\"https://github.com/mcenkar.png?size=72\" alt=\"mcenkar\" width=\"72\"\u003e](https://github.com/mcenkar)\n[\u003cimg src=\"https://github.com/SiddAjmera.png?size=72\" alt=\"SiddAjmera\" width=\"72\"\u003e](https://github.com/SiddAjmera)\n[\u003cimg src=\"https://github.com/stephaniepurvis.png?size=72\" alt=\"stephaniepurvis\" width=\"72\"\u003e](https://github.com/stephaniepurvis)\n[\u003cimg src=\"https://github.com/loicgasser.png?size=72\" alt=\"loicgasser\" width=\"72\"\u003e](https://github.com/loicgasser)\n[\u003cimg src=\"https://github.com/damienwebdev.png?size=72\" alt=\"damienwebdev\" width=\"72\"\u003e](https://github.com/damienwebdev)\n[\u003cimg src=\"https://github.com/ronniebarker.png?size=72\" alt=\"ronniebarker\" width=\"72\"\u003e](https://github.com/ronniebarker)\n[\u003cimg src=\"https://github.com/bhanuhiteshi.png?size=72\" alt=\"bhanuhiteshi\" width=\"72\"\u003e](https://github.com/bhanuhiteshi)\n[\u003cimg src=\"https://github.com/MrSuttonmann.png?size=72\" alt=\"MrSuttonmann\" width=\"72\"\u003e](https://github.com/MrSuttonmann)\n[\u003cimg src=\"https://github.com/ej2.png?size=72\" alt=\"ej2\" width=\"72\"\u003e](https://github.com/ej2)\n[\u003cimg src=\"https://github.com/peterblazejewicz.png?size=72\" alt=\"peterblazejewicz\" width=\"72\"\u003e](https://github.com/peterblazejewicz)\n[\u003cimg src=\"https://github.com/arjenbrandenburgh.png?size=72\" alt=\"arjenbrandenburgh\" width=\"72\"\u003e](https://github.com/arjenbrandenburgh)\n[\u003cimg src=\"https://github.com/athisun.png?size=72\" alt=\"athisun\" width=\"72\"\u003e](https://github.com/athisun)\n[\u003cimg src=\"https://github.com/madebyjeffrey.png?size=72\" alt=\"madebyjeffrey\" width=\"72\"\u003e](https://github.com/madebyjeffrey)\n[\u003cimg src=\"https://github.com/benjamincharity.png?size=72\" alt=\"benjamincharity\" width=\"72\"\u003e](https://github.com/benjamincharity)\n[\u003cimg src=\"https://github.com/NayeBeckham.png?size=72\" alt=\"NayeBeckham\" width=\"72\"\u003e](https://github.com/NayeBeckham)\n[\u003cimg src=\"https://github.com/Nosfistis.png?size=72\" alt=\"Nosfistis\" width=\"72\"\u003e](https://github.com/Nosfistis)\n[\u003cimg src=\"https://github.com/bleistift-zwei.png?size=72\" alt=\"bleistift-zwei\" width=\"72\"\u003e](https://github.com/bleistift-zwei)\n[\u003cimg src=\"https://github.com/igorls.png?size=72\" alt=\"igorls\" width=\"72\"\u003e](https://github.com/igorls)\n[\u003cimg src=\"https://github.com/jasonlundien.png?size=72\" alt=\"jasonlundien\" width=\"72\"\u003e](https://github.com/jasonlundien)\n[\u003cimg src=\"https://github.com/FortAwesome.png?size=72\" alt=\"Font Awesome Team\" width=\"72\"\u003e](https://github.com/orgs/FortAwesome/people)\n[\u003cimg src=\"https://github.com/pankajparkar.png?size=72\" alt=\"pankajparkar\" width=\"72\"\u003e](https://github.com/pankajparkar)\n\nIf we've missed someone (which is quite likely) submit a Pull Request to us and we'll get it resolved.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFortAwesome%2Fangular-fontawesome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFortAwesome%2Fangular-fontawesome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFortAwesome%2Fangular-fontawesome/lists"}