@ng-icons/ionicons 16.0.0 → 18.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
# Ng Icons
|
|
4
4
|
|
|
5
5
|
The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
|
|
6
|
-
Containing over
|
|
6
|
+
Containing over 21,000 icons for you to use in your projects.
|
|
7
7
|
|
|
8
8
|
Currently, we support the following libraries:
|
|
9
9
|
|
|
@@ -27,11 +27,12 @@ Got suggestions for additional iconsets? Create an issue and we can consider add
|
|
|
27
27
|
|
|
28
28
|
## Supported Versions
|
|
29
29
|
|
|
30
|
-
| Angular Version | Ng Icon Version
|
|
31
|
-
| --------------- |
|
|
32
|
-
| 11.x.x | 12.x.x
|
|
33
|
-
| 12.x.x |
|
|
34
|
-
| 13.x.x | 13.x.x
|
|
30
|
+
| Angular Version | Ng Icon Version |
|
|
31
|
+
| --------------- | --------------- |
|
|
32
|
+
| 11.x.x | 12.x.x |
|
|
33
|
+
| 12.x.x | 12.x.x - 13.x.x |
|
|
34
|
+
| 13.x.x | 13.x.x - 17.x.x |
|
|
35
|
+
| 14.x.x | 17.x.x - 18.x.x |
|
|
35
36
|
|
|
36
37
|
> Note: Ng Icons relies on modern browser features and is designed to work on evergreen browsers. We do not support older browsers such as IE11.
|
|
37
38
|
|
|
@@ -105,3 +106,23 @@ You can then use the icon in your templates:
|
|
|
105
106
|
| size | `string` | Define the size of the icon. This defaults to the current font size. |
|
|
106
107
|
| color | `string` | Define the color of the icon. This defaults to the current text color. |
|
|
107
108
|
| strokeWidth | `string` \| `number` | Define the stroke-width of the icon. This only works on iconsets that use strokes. |
|
|
109
|
+
|
|
110
|
+
### Standalone Components
|
|
111
|
+
|
|
112
|
+
As of version 18.0.0 Ng Icons nows supports standalone components. You can import icons using the `provideIcons` function which can be placed anywhere you can register providers. The optimal location
|
|
113
|
+
would be in the `@Component` providers array.
|
|
114
|
+
|
|
115
|
+
You can also import the component directly by importing `IconComponent` or the by importing `NG_ICON_DIRECTIVES`.
|
|
116
|
+
|
|
117
|
+
```ts
|
|
118
|
+
import { NG_ICON_DIRECTIVES, provideIcons } from '@ng-icons/core';
|
|
119
|
+
import { FeatherAirplay } from '@ng-icons/feather-icons';
|
|
120
|
+
import { HeroUsers } from '@ng-icons/heroicons/outline';
|
|
121
|
+
|
|
122
|
+
@Component({
|
|
123
|
+
standalone: true,
|
|
124
|
+
imports: [NG_ICON_DIRECTIVES],
|
|
125
|
+
providers: [provideIcons({ FeatherAirplay, HeroUsers })],
|
|
126
|
+
})
|
|
127
|
+
export class AppComponent {}
|
|
128
|
+
```
|