{"id":21678285,"url":"https://github.com/base-apps/angular-icons","last_synced_at":"2025-07-14T17:39:34.675Z","repository":{"id":57178544,"uuid":"65689363","full_name":"base-apps/angular-icons","owner":"base-apps","description":"A collection of icon libraries to use in your angular apps","archived":false,"fork":false,"pushed_at":"2018-04-09T18:34:25.000Z","size":666,"stargazers_count":2,"open_issues_count":3,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-06-30T19:51:43.600Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/base-apps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-14T22:33:18.000Z","updated_at":"2022-12-09T08:34:12.000Z","dependencies_parsed_at":"2022-09-09T17:11:34.627Z","dependency_job_id":null,"html_url":"https://github.com/base-apps/angular-icons","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/base-apps/angular-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/base-apps%2Fangular-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/base-apps%2Fangular-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/base-apps%2Fangular-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/base-apps%2Fangular-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/base-apps","download_url":"https://codeload.github.com/base-apps/angular-icons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/base-apps%2Fangular-icons/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265327003,"owners_count":23747658,"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":[],"created_at":"2024-11-25T14:27:42.175Z","updated_at":"2025-07-14T17:39:34.640Z","avatar_url":"https://github.com/base-apps.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-icons\nA collection of icon libraries to use in your angular apps\n\n[![GitHub version](https://badge.fury.io/gh/base-apps%2Fangular-icons.svg)](https://badge.fury.io/gh/base-apps%2Fangular-icons)\n\n## Install\n```\nnpm install angular-icons\n```\n\nYou will also need to install the icon assets:\n```\nnpm install ionicons\nnpm install material-design-icons\nnpm install open-iconic\n```\n\n## Usage\nThe following icon libraries are supported by Angular Icons:\n- Iconic\n- Open Iconic\n- Ionicons\n- Material Icons\n\nYou can include an icon from one of the above libraries by using the provided directives:\n- `ba-iconic`\n- `ba-open-iconic`\n- `ba-ionicon`\n- `ba-material-icon`\n\nEach of the directives has an `icon` attribute which can be used to easily load an icon:\n- `\u003cba-iconic icon=\"thumb\"\u003e\u003c/ba-iconic\u003e`\n  - Full list of supported icons can be found [here](https://github.com/base-apps/angular-icons/tree/master/dist/icons/iconic)\n  - Check the [Iconic website](https://useiconic.com/icons) for examples\n- `\u003cba-open-iconic icon=\"thumb-up\"\u003e\u003c/ba-open-iconic\u003e`\n  - Full list of supported icons can be found [here](https://github.com/base-apps/angular-icons/tree/master/dist/icons/open-iconic)\n  - Check the [Open Iconic website](https://useiconic.com/open) for examples\n- `\u003cba-ionicon icon=\"ios-thumbs-up\"\u003e\u003c/ba-ionicon\u003e`\n  - Full list of supported icons can be found [here](https://github.com/base-apps/angular-icons/tree/master/dist/icons/ionicons)\n  - Check the [Ionicons website](http://ionicons.com/) for examples\n- `\u003cba-material-icon icon=\"thumb-up\"\u003e\u003c/ba-material-icon\u003e`\n  - Full list of supported icons can be found [here](https://github.com/base-apps/angular-icons/tree/master/dist/icons/material-icons)\n  - Check the [Material Icons website](https://design.google.com/icons/) for examples\n\nStyling of the icons is provided as part of [Angular Base Apps](https://base-apps.github.io/angular-base-apps/#!/icon).\n\n## angularIcons.iconic (Module)\n\n### Iconic (Service)\n\nYou can use the IconicProvider to configure the default path to the iconic assets.  The following methods exist:\n  - `setAssetPath(path)` - sets the full path to the icons\n    - useful if hosting the icons locally or if using a non-supported CDN\n  - `setCdn(cdn)` - sets the CDN to use for the icons\n    - the icons are hosted on the following CDNs: npmcdn (default), jsdelivr\n\n### ba-iconic (Directive)\n\nA directive used to load an icon from Iconic.  The directive has the following supported attributes:\n- `icon-dir`: changes the directory for the icons (default specified by Iconic service)\n- `src`: full path to the icon (including svg extension)\n- `size`: use the values **small**, **medium**, or **large** to size the icon (by default all iconic icons are responsive and will fill to fit their entire container)\n- `dyn-icon`: use this attribute to define the name of the icon using an [expression](https://docs.angularjs.org/guide/expression)\n- `dyn-icon-attrs`: use this attribute to define the icon attributes using an object\n\nEach icon from iconic may also provide a set of attributes to further customize the icon.  For instance the `data-direction` attribute can be used for the `chevron` icon to specify the [direction of the chevron](https://useiconic.com/icons/chevron).\n\n## angularIcons.openIconic (Module)\n\n### OpenIconic (Service)\n\nYou can use the OpenIconicProvider to configure the default path to the open iconic assets.  The following methods exist:\n  - `setAssetPath(path)` - sets the full path to the icons\n    - useful if hosting the icons locally or if using a non-supported CDN\n  - `setCdn(cdn)` - sets the CDN to use for the icons\n    - the icons are hosted on the following CDNs: npmcdn (default), jsdelivr\n\n### ba-open-iconic (Directive)\n\nA directive used to load an icon from Open Iconic.\n\n## angularIcons.ionicons (Module)\n\n### Ionicons (Service)\n\nYou can use the IoniconsProvider to configure the default path to the ionicons assets.  The following methods exist:\n  - `setAssetPath(path)` - sets the full path to the icons\n    - useful if hosting the icons locally or if using a non-supported CDN\n  - `setCdn(cdn)` - sets the CDN to use for the icons\n    - the icons are hosted on the following CDNs: npmcdn (default), jsdelivr\n\n### ba-ionicon (Directive)\n\nA directive used to load an icon from Ionicon.\n\n## angularIcons.materialIcons (Module)\n\n### MaterialIcons (Service)\n\nYou can use the MaterialIconsProvider to configure the default path to the material icons assets.  The following methods exist:\n  - `setAssetPath(path)` - sets the full path to the icons\n    - useful if hosting the icons locally or if using a non-supported CDN\n  - `setCdn(cdn)` - sets the CDN to use for the icons\n    - the icons are hosted on the following CDNs: npmcdn (default), jsdelivr\n\n### ba-material-icon (Directive)\n\nA directive used to load an icon from Material Icons.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbase-apps%2Fangular-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbase-apps%2Fangular-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbase-apps%2Fangular-icons/lists"}