{"_id":"@abhinavakhil/iconify-angular","name":"@abhinavakhil/iconify-angular","dist-tags":{"latest":"16.0.0"},"versions":{"16.0.0":{"name":"@abhinavakhil/iconify-angular","version":"16.0.0","description":"Angular component for Iconify.","author":{"name":"Abhinav Akhil"},"repository":{"type":"git","url":"git+https://github.com/abhinavakhil/iconify-angular.git"},"bugs":{"url":"https://github.com/abhinavakhil/iconify-angular.git"},"homepage":"https://github.com/abhinavakhil/iconify-angular.git","license":"MIT","peerDependencies":{"@angular/common":">=5.0.0","@angular/core":">=5.0.0"},"dependencies":{"tslib":"^2.0.0"},"module":"fesm2022/abhinavakhil-iconify-angular.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/abhinavakhil-iconify-angular.mjs","esm":"./esm2022/abhinavakhil-iconify-angular.mjs","default":"./fesm2022/abhinavakhil-iconify-angular.mjs"}},"sideEffects":false,"_resolved":"","_integrity":"","_from":"file:abhinavakhil-iconify-angular-16.0.0.tgz","_id":"@abhinavakhil/iconify-angular@16.0.0","_nodeVersion":"16.16.0","_npmVersion":"6.14.18","dist":{"integrity":"sha512-t9UWOyCjDPHEKa1HV/gWNcOlsyF9IK0hht582N0UehMmIOv2AxAnparDgdXy1/du6NwTN/FP1KbxkLlYuDk4Ew==","shasum":"62f8f6d12eec44c96fd4ef9ef30ae57a760d95cd","tarball":"https://registry.npmjs.org/@abhinavakhil/iconify-angular/-/iconify-angular-16.0.0.tgz","fileCount":28,"unpackedSize":127854,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAXOKQfQPClhSwIhPj4URrXu/voHQXQNiQ+X5YMT48FIAiEA8nbopiDzFWGzYo/dH6s8ltP8weN1ovS+GLl/dVgXX0I="}]},"_npmUser":{"name":"abhinavakhil","email":"abhinavakhil55@gmail.com"},"directories":{},"maintainers":[{"name":"abhinavakhil","email":"abhinavakhil55@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/iconify-angular_16.0.0_1690374888353_0.3130706946037969"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-26T12:34:48.271Z","16.0.0":"2023-07-26T12:34:48.577Z","modified":"2023-07-26T12:34:48.877Z"},"maintainers":[{"name":"abhinavakhil","email":"abhinavakhil55@gmail.com"}],"description":"Angular component for Iconify.","homepage":"https://github.com/abhinavakhil/iconify-angular.git","repository":{"type":"git","url":"git+https://github.com/abhinavakhil/iconify-angular.git"},"author":{"name":"Abhinav Akhil"},"bugs":{"url":"https://github.com/abhinavakhil/iconify-angular.git"},"license":"MIT","readme":"# Iconify for Angular\n\nAngular implementation of [Iconify](https://github.com/iconify/iconify), strongly inspired from [Iconify-React](https://github.com/iconify/iconify-react#icon-packages).\n\n## Installation\n\nIf you are using NPM:\n\n`npm install @ag/iconify-angular`\n\nIf you are using Yarn:\n\n`yarn add @ag/iconify-angular`\n\nThis package does not include icons. Icons are split into separate packages that available at NPM. See [Iconify-React](https://github.com/iconify/iconify-react#icon-packages).\n\n## Usage\n\nAssign the icon to an instance variable in the component:\n\n```typescript\nimport { Component } from \"@angular/core\";\nimport home from \"@iconify/icons-mdi/home\";\nimport groupAdd from \"@iconify/icons-mdi/group-add\";\nimport bellSlash from \"@iconify/icons-fa-solid/bell-slash\";\n\n@Component({\n  selector: \"ic-root\",\n  templateUrl: \"./app.component.html\",\n  styleUrls: [\"./app.component.css\"],\n})\nexport class AppComponent {\n  homeIcon = home;\n  groupAddIcon = groupAdd;\n  bellSlashIcon = bellSlash;\n}\n```\n\nUse it inside your template:\n\n```html\n<ic-icon [icon]=\"homeIcon\"></ic-icon>\n<p>This is the inline icon: <ic-icon [icon]=\"bellSlashIcon\" [inline]=\"true\"></ic-icon></p>\n```\n\n## Properties\n\n- **icon** [object, required]: icon object from `@iconify/icons-*` packages\n- **width** [string | number]: width of icon. Default value is \"1em\".\n- **height** [string | number]: height of icon. Default value is \"1em\".\n- **hFlip** [boolean]: flip icon horizontally\n- **vFlip** [boolean]: flip icon vertically\n- **flip** [string]: same as hFlip and vFlip. Value is \"horizontal\", \"vertical\" or \"horizontal,vertical\"\n- **rotate** [number | string]: rotate icon. Value is number 0-3 (1 = 90deg, 2 = 180deg, 3 = 270deg) or string \"90deg\", \"180deg\", \"270deg\"\n- **color** [string] - icon color, usable only for colorless icons. By default colorless icons use currentColor, so you can set color using stylesheet by setting text color. This property can override it.\n- **align** [string] - icon alignment. It matters only when width and height are both set and width/height ratio doesn't match icon ratio. Value is a string that includes any of these values separated by comma: horizontal alignment: \"left\", \"center\", \"right\", vertical alignment: \"top\", \"middle\", \"bottom\", slice: \"meet\", \"slice\". Example: align=\"left,middle,slice\". Default value is \"center,middle,meet\"\n\n## Contributing\n\n### Code scaffolding\n\nRun `ng generate component component-name --project iconify` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project iconify`.\n\n> Note: Don't forget to add `--project iconify` or else it will be added to the default project in your `angular.json` file.\n\n### Build\n\nRun `ng build iconify` to build the project. The build artifacts will be stored in the `dist/` directory.\n\n### Publishing\n\nAfter building your library with `ng build iconify --prod` (https://v9.angular.io/guide/ivy#maintaining-library-compatibility), go to the dist folder `cd dist/iconify` and run `npm publish`.\n\n### Running unit tests\n\nRun `ng test iconify` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n### Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).\n","readmeFilename":"README.md"}