{"id":13808626,"url":"https://github.com/adisreyaj/angular-remix-icon","last_synced_at":"2025-07-10T06:35:04.058Z","repository":{"id":39000250,"uuid":"308933034","full_name":"adisreyaj/angular-remix-icon","owner":"adisreyaj","description":"Angular wrapper for Remixicon icon library","archived":false,"fork":false,"pushed_at":"2024-08-25T07:17:39.000Z","size":1001,"stargazers_count":10,"open_issues_count":2,"forks_count":4,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-29T11:15:46.484Z","etag":null,"topics":["angular","icons","remixicons"],"latest_commit_sha":null,"homepage":"https://admiring-noether-0b971e.netlify.app/","language":"TypeScript","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/adisreyaj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-10-31T17:13:30.000Z","updated_at":"2024-08-25T07:17:43.000Z","dependencies_parsed_at":"2024-10-27T12:49:11.850Z","dependency_job_id":"6c89c0b3-1759-4e7e-9f73-132dde3179ac","html_url":"https://github.com/adisreyaj/angular-remix-icon","commit_stats":{"total_commits":31,"total_committers":3,"mean_commits":"10.333333333333334","dds":"0.12903225806451613","last_synced_commit":"6d43c9d8cfbfd9738bc6fe799b428bc9fe40fd86"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/adisreyaj/angular-remix-icon","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fangular-remix-icon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fangular-remix-icon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fangular-remix-icon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fangular-remix-icon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adisreyaj","download_url":"https://codeload.github.com/adisreyaj/angular-remix-icon/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adisreyaj%2Fangular-remix-icon/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264538585,"owners_count":23624436,"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","icons","remixicons"],"created_at":"2024-08-04T01:01:47.617Z","updated_at":"2025-07-10T06:35:04.008Z","avatar_url":"https://github.com/adisreyaj.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Icons"],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/adisreyaj/angular-remix-icon/master/angular-remix-icon.png\" alt=\"Angular Remix Icon\"\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eAngular Remix Icon\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Angular-14-red?style=for-the-badge\u0026logo=angular\" alt=\"angular\"\u003e\n  \u003ca href=\"https://github.com/adisreyaj/angular-remix-icon/blob/master/LICENSE.md\"\u003e\n    \u003cimg alt=\"License: Apache License 2.0\" src=\"https://img.shields.io/badge/License-Apache License 2.0-yellow.svg?style=for-the-badge\u0026logo=apache\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/AdiSreyaj\"\u003e\n    \u003cimg alt=\"Twitter: Adithya Sreyaj\" src=\"https://img.shields.io/twitter/follow/AdiSreyaj.svg?style=for-the-badge\u0026logo=twitter\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e Use Remix Icons in your angular application\n\nWrapper for using remix icons in your angular application.\nAll the icons are injected as svgs and you can apply color and sizes to them with ease.\n\n### Usage\n\n_1. Install the package_\n\n```sh\nnpm install angular-remix-icon\n```\n\n_2. Import the module to `App Module`_\n\n```ts\nimport { RemixIconModule } from \"angular-remix-icon\";\n```\n\n_3. Import Required Icons_\n\nFor the library to work, the required icons needs to be configured first\n\n```ts\n...\nimport {\n  RiAncientGateFill,\n  RiHome2Fill,\n  RemixIconModule,\n} from 'angular-remix-icon';\n\n// Configure the required icons before hand\nconst icons = {\n  RiAncientGateFill,\n  RiHome2Fill,\n};\n\n@NgModule({\n  imports: [\n    BrowserModule,\n    RemixIconModule.configure(icons),\n  ],\n  ...\n})\nexport class AppModule {}\n```\n\nYou can get the name from the [Remix Icon](https://remixicon.com) website\n\n![Angular Remix Icon](https://raw.githubusercontent.com/adisreyaj/angular-remix-icon/master/remix-icon-example.png)\n\nThe required icons can be imported as see above. For eg: If you need the `home-3-line`, You have to import the corresponding Icon:\n\n```ts\nimport { RiHome3Line } from \"angular-remix-icon\";\n```\n\n_4. Use in template_\n\nYou can now start using the icons like so:\n\n```html\n\u003crmx-icon name=\"home-3-line\"\u003e\u003c/rmx-icon\u003e\n```\n\n### Styling\n\nIf you want change color or size of the icons,\n\n```html\n\u003crmx-icon name=\"home-3-line\" style=\"color:blue\"\u003e\u003c/rmx-icon\u003e\n```\n\nor\n\n```css\n.blue-icon {\n  color: blue;\n}\n.large-icon {\n  width: 30px;\n  height: 30px;\n}\n```\n\n```html\n\u003crmx-icon name=\"home-3-line\" class=\"blue-icon large-icon\"\u003e\u003c/rmx-icon\u003e\n```\n\n\n## Versions\n\n| Angular   | Angular Remix Icon |\n|-----------|--------------------|\n| \\\u003e= v18   | v8                 |\n| v16 \u0026 v17 | v6                 |\n| v15       | v5                 |\n| v14       | v4                 |\n| v13       | v3                 |\n| v12       | v2                 |\n\n`v8` we switched to signal input for icons.\n\n## 🤝 Contributing\n\nContributions, issues and feature requests are welcome.\u003cbr /\u003e\nFeel free to check [issues page](https://github.com/adisreyaj/angular-remix-icon/issues) if you want to contribute.\n\n## Author\n\n👤 **Adithya Sreyaj**\n\n- Twitter: [@AdiSreyaj](https://twitter.com/AdiSreyaj)\n- Github: [@adisreyaj](https://github.com/adisreyaj)\n\n## 👍🏼 Show your support\n\nPlease ⭐️ this repository if this project helped you!\n\n## 📝 License\n\nCopyright © 2020 [Adithya Sreyaj](https://github.com/adisreyaj).\u003cbr /\u003e\n\nThis project is [Apache License 2.0](https://github.com/adisreyaj/angular-remix-icon/blob/master/LICENSE.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadisreyaj%2Fangular-remix-icon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadisreyaj%2Fangular-remix-icon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadisreyaj%2Fangular-remix-icon/lists"}