{"_id":"@anedomansky/ngx-icon","_rev":"4-0c7e5eedc1f49d904a82761c5e4282f5","name":"@anedomansky/ngx-icon","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"@anedomansky/ngx-icon","version":"1.0.0","description":"An Angular component for displaying SVG icons.","exports":{".":{"sass":"./styles/index.scss","types":"./index.d.ts","esm2022":"./esm2022/anedomansky-ngx-icon.mjs","esm":"./esm2022/anedomansky-ngx-icon.mjs","default":"./fesm2022/anedomansky-ngx-icon.mjs"},"./package.json":{"default":"./package.json"}},"sideEffects":false,"module":"fesm2022/anedomansky-ngx-icon.mjs","typings":"index.d.ts","dependencies":{"tslib":"^2.3.0"},"gitHead":"4f78e17e142f7a5f080aa97da686e57e3d6ec523","_id":"@anedomansky/ngx-icon@1.0.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ncgmMsWmcSC7GkGJFyS3fbsl8WITYcyVnrGRHrirHUDXOY0gKfRhg9Jy2baGUhBdmDYMxW1JUGc3uU1i0u9shA==","shasum":"a7ded148ead3b85de5ff69168d63caf63f5e2916","tarball":"https://registry.npmjs.org/@anedomansky/ngx-icon/-/ngx-icon-1.0.0.tgz","fileCount":16,"unpackedSize":50430,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGMn2AlTVOq0+gpYhwyIs30EEAdVM7zqmFh1DK0FuLLgAiEAhMp7CAchlFCQoeHgGQe7k2v1Wnf40VLbjiOWydVKOS0="}]},"_npmUser":{"name":"anedomansky","email":"nedomanskya@outlook.com"},"directories":{},"maintainers":[{"name":"anedomansky","email":"nedomanskya@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-icon_1.0.0_1703695605978_0.24218618008086734"},"_hasShrinkwrap":false},"1.0.1":{"name":"@anedomansky/ngx-icon","version":"1.0.1","description":"An Angular component for displaying SVG icons.","exports":{".":{"sass":"./styles/index.scss","types":"./index.d.ts","esm2022":"./esm2022/anedomansky-ngx-icon.mjs","esm":"./esm2022/anedomansky-ngx-icon.mjs","default":"./fesm2022/anedomansky-ngx-icon.mjs"},"./package.json":{"default":"./package.json"}},"sideEffects":false,"module":"fesm2022/anedomansky-ngx-icon.mjs","typings":"index.d.ts","dependencies":{"tslib":"^2.3.0"},"gitHead":"7c7eb371f39fc52c3e947675531f838c681523f6","_id":"@anedomansky/ngx-icon@1.0.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-txLAc24low+pUjr6WQEKp7P4Ou62EAphwJa6uExjUPCtHGmMb+kChbrhtYFjbhrYM7YiVq+TNxwni+i3mXYl0w==","shasum":"4c931d9cc060549269c4f704ea5710ca5911c82e","tarball":"https://registry.npmjs.org/@anedomansky/ngx-icon/-/ngx-icon-1.0.1.tgz","fileCount":17,"unpackedSize":52528,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBQHDaEfv+XP4Sdu3iuxUz1/d04+VyQHltt4y0Gd1VZAiAXK3NS5JugKdbPWaP6K0IpBehXoh7y60Hl+wxDpige2A=="}]},"_npmUser":{"name":"anedomansky","email":"nedomanskya@outlook.com"},"directories":{},"maintainers":[{"name":"anedomansky","email":"nedomanskya@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-icon_1.0.1_1703696015660_0.09318257704008381"},"_hasShrinkwrap":false},"1.0.2":{"name":"@anedomansky/ngx-icon","version":"1.0.2","description":"An Angular component for displaying SVG icons.","exports":{".":{"sass":"./styles/index.scss","types":"./index.d.ts","esm2022":"./esm2022/anedomansky-ngx-icon.mjs","esm":"./esm2022/anedomansky-ngx-icon.mjs","default":"./fesm2022/anedomansky-ngx-icon.mjs"},"./package.json":{"default":"./package.json"}},"sideEffects":false,"module":"fesm2022/anedomansky-ngx-icon.mjs","typings":"index.d.ts","dependencies":{"tslib":"^2.3.0"},"gitHead":"d6d5ac0ea5f2884f3daf70595327768bfb80f83c","_id":"@anedomansky/ngx-icon@1.0.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-U0s/GboOk1d1yKASWpskDNK0MXcFhCIUxYSRqJGRL6tc1BbOfBZdRXHTrFLGq9eCBl1XmSPenGChwKJJRzIC/g==","shasum":"39386134b201ba7e55223bc1b21eb7fceba4b084","tarball":"https://registry.npmjs.org/@anedomansky/ngx-icon/-/ngx-icon-1.0.2.tgz","fileCount":18,"unpackedSize":53626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAkixCB33iaDpbsIRB9Zd1VFAaVcz8zwawN8VThgRxqxAiEAsas0MSbHy4Kf9sIzMsUe+AM3WrYGxN7bI9gBeS7I8lE="}]},"_npmUser":{"name":"anedomansky","email":"nedomanskya@outlook.com"},"directories":{},"maintainers":[{"name":"anedomansky","email":"nedomanskya@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-icon_1.0.2_1703715981860_0.5756230961624531"},"_hasShrinkwrap":false},"1.1.0":{"name":"@anedomansky/ngx-icon","version":"1.1.0","description":"An Angular component for displaying SVG icons.","author":{"name":"Alexander Nedomansky","email":"nedomanskya@outlook.com"},"license":"MIT","keywords":["angular","icon","svg"],"repository":{"type":"git","url":"git+https://git@github.com/anedomansky/ngx-icon.git"},"bugs":{"url":"https://github.com/anedomansky/ngx-icon/issues"},"homepage":"https://github.com/anedomansky/ngx-icon#readme","peerDependencies":{"@angular/common":"^16.2.12","@angular/core":"^16.2.12"},"dependencies":{"tslib":"^2.6.2"},"exports":{".":{"sass":"./styles/index.scss","types":"./index.d.ts","esm2022":"./esm2022/anedomansky-ngx-icon.mjs","esm":"./esm2022/anedomansky-ngx-icon.mjs","default":"./fesm2022/anedomansky-ngx-icon.mjs"},"./package.json":{"default":"./package.json"}},"sideEffects":false,"module":"fesm2022/anedomansky-ngx-icon.mjs","typings":"index.d.ts","gitHead":"3fb4897d3d51d6dab919cd83f07344fa3ac19bad","_id":"@anedomansky/ngx-icon@1.1.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-q1kcnbNsAqFAdvvTdF+Br8PLoSujuGsTao9yTZc7KQ6ALGCCasSu33tZf4wrYsGaWSOQrF0Hegzz0HJekqNwUQ==","shasum":"fa217efcebabc5bb4aa33c1b2b1df2fb32ce2647","tarball":"https://registry.npmjs.org/@anedomansky/ngx-icon/-/ngx-icon-1.1.0.tgz","fileCount":18,"unpackedSize":54110,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDiSMOyNKqZ6/fmOJ/wLEYKE9E894Zbxl9BCYik0Esr2AiBdNwKhG56c2boLENtaDhAsH/TtC3qaedfEd+eOnHbGWw=="}]},"_npmUser":{"name":"anedomansky","email":"nedomanskya@outlook.com"},"directories":{},"maintainers":[{"name":"anedomansky","email":"nedomanskya@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-icon_1.1.0_1703761605946_0.05488370619260596"},"_hasShrinkwrap":false},"1.2.0":{"name":"@anedomansky/ngx-icon","version":"1.2.0","description":"An Angular component for displaying SVG icons.","author":{"name":"Alexander Nedomansky","email":"anedomansky@gmail.com"},"license":"MIT","keywords":["angular","icon","svg"],"repository":{"type":"git","url":"git+https://git@github.com/anedomansky/ngx-icon.git"},"bugs":{"url":"https://github.com/anedomansky/ngx-icon/issues"},"homepage":"https://github.com/anedomansky/ngx-icon#readme","peerDependencies":{"@angular/common":"^16.2.12","@angular/core":"^16.2.12"},"dependencies":{"tslib":"^2.6.2"},"exports":{".":{"sass":"./styles/index.scss","types":"./index.d.ts","esm2022":"./esm2022/anedomansky-ngx-icon.mjs","esm":"./esm2022/anedomansky-ngx-icon.mjs","default":"./fesm2022/anedomansky-ngx-icon.mjs"},"./package.json":{"default":"./package.json"}},"sideEffects":false,"module":"fesm2022/anedomansky-ngx-icon.mjs","typings":"index.d.ts","_id":"@anedomansky/ngx-icon@1.2.0","gitHead":"2164384e7240471354ed6891c32c935c1dca68ba","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-n6ye6UZBrq+cMsBqq6lu6OmWkM02JVM9DvIgSFgKeY8hw0pr/1EJup6UatlUu9ZJHYWht7c9MbmVvCQIs+XC7g==","shasum":"ed9c06bd0831767baa93ace8e88ab265b848e21a","tarball":"https://registry.npmjs.org/@anedomansky/ngx-icon/-/ngx-icon-1.2.0.tgz","fileCount":18,"unpackedSize":50149,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkOAekzR77EnWS2ZQP31DGummzx7OOcM1jwIZ1iV/dsAIgIyz8dL30p418OlSCXenHcxtJwnvSM8D2A9CjkWdo1gs="}]},"_npmUser":{"name":"anedomansky","email":"anedomansky@gmail.com"},"directories":{},"maintainers":[{"name":"anedomansky","email":"anedomansky@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-icon_1.2.0_1712498015887_0.950754339898896"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-27T16:46:45.865Z","1.0.0":"2023-12-27T16:46:46.186Z","modified":"2024-04-07T13:53:36.209Z","1.0.1":"2023-12-27T16:53:35.820Z","1.0.2":"2023-12-27T22:26:22.023Z","1.1.0":"2023-12-28T11:06:46.135Z","1.2.0":"2024-04-07T13:53:36.062Z"},"maintainers":[{"name":"anedomansky","email":"anedomansky@gmail.com"}],"description":"An Angular component for displaying SVG icons.","readme":"# Ngx-icon\r\n\r\n[![npm version](https://badge.fury.io/js/@anedomansky%2Fngx-icon.svg)](https://badge.fury.io/js/@anedomansky%2Fngx-icon)\r\n\r\nAn Angular component for displaying SVG icons.\r\n\r\n## Features\r\n\r\n- display any SVG icon\r\n- add custom CSS to the SVG icons\r\n- automatic caching of previously added icons\r\n\r\n## Dependencies\r\n\r\n| ngx-icon | Angular |\r\n| -------- | ------- |\r\n| current  | >= 16   |\r\n\r\n## Installation\r\n\r\n```cli\r\nnpm install @anedomansky/ngx-icon\r\n```\r\n\r\n## Setup\r\n\r\nYou have to add all your icons to the `NgxIconService` in order to display them.\r\nPlease remove all `height` and `width` attributes from the `<svg>` element beforehand.\r\nFurthermore, you have to provide the `HttpClient` in your application.\r\n\r\n`main.ts`:\r\n\r\n```ts\r\nimport { NgxIconService } from \"@anedomansky/ngx-icon\";\r\nimport { provideHttpClient } from \"@angular/common/http\";\r\nimport { APP_INITIALIZER } from \"@angular/core\";\r\nimport { bootstrapApplication } from \"@angular/platform-browser\";\r\n\r\nimport { AppComponent } from \"./app/app.component\";\r\n\r\nbootstrapApplication(AppComponent, {\r\n  providers: [\r\n    provideHttpClient(),\r\n    {\r\n      provide: APP_INITIALIZER,\r\n      useFactory: (iconService: NgxIconService) => () => {\r\n        iconService.addIcon(\"cart\", \"assets/\");\r\n        iconService.addIcon(\"camera\", \"assets/\");\r\n      },\r\n      deps: [NgxIconService],\r\n      multi: true,\r\n    },\r\n  ],\r\n});\r\n```\r\n\r\n## Usage\r\n\r\n`app.component.html`:\r\n\r\n```html\r\n<div class=\"app\">\r\n  <ngx-icon name=\"cart\"></ngx-icon>\r\n  <ngx-icon name=\"camera\"></ngx-icon>\r\n</div>\r\n```\r\n\r\n`app.component.ts`:\r\n\r\n```ts\r\nimport { NgxIconComponent } from \"@anedomansky/ngx-icon\";\r\nimport { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n  selector: \"app-root\",\r\n  templateUrl: \"./app.component.html\",\r\n  styleUrls: [\"./app.component.scss\"],\r\n  standalone: true,\r\n  imports: [NgxIconComponent],\r\n})\r\nexport class AppComponent {}\r\n```\r\n\r\n## Customization\r\n\r\nYou can alter the appearance (height, width, etc.) of the icons.\r\n\r\nAdditionally, there is a CSS Custom Property for the icon's `height` that can easily be updated.\r\n\r\n`app.component.scss`:\r\n\r\n```scss\r\n.app ::ng-deep ngx-icon {\r\n  --ngx-icon-size: 2rem;\r\n}\r\n```\r\n","readmeFilename":"README.md","homepage":"https://github.com/anedomansky/ngx-icon#readme","keywords":["angular","icon","svg"],"repository":{"type":"git","url":"git+https://git@github.com/anedomansky/ngx-icon.git"},"author":{"name":"Alexander Nedomansky","email":"anedomansky@gmail.com"},"bugs":{"url":"https://github.com/anedomansky/ngx-icon/issues"},"license":"MIT"}