@ng-icons/ionicons 19.0.0 → 21.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 +9 -9
- package/esm2020/index.mjs +1333 -1333
- package/fesm2015/ng-icons-ionicons.mjs +1333 -1333
- package/fesm2015/ng-icons-ionicons.mjs.map +1 -1
- package/fesm2020/ng-icons-ionicons.mjs +1333 -1333
- package/fesm2020/ng-icons-ionicons.mjs.map +1 -1
- package/index.d.ts +1332 -1332
- package/package.json +1 -1
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 22,000 icons for you to use in your projects.
|
|
7
7
|
|
|
8
8
|
Currently, we support the following libraries:
|
|
9
9
|
|
|
@@ -32,7 +32,7 @@ Got suggestions for additional iconsets? Create an issue and we can consider add
|
|
|
32
32
|
| 11.x.x | 12.x.x |
|
|
33
33
|
| 12.x.x | 12.x.x - 13.x.x |
|
|
34
34
|
| 13.x.x | 13.x.x - 17.x.x |
|
|
35
|
-
| 14.x.x | 17.x.x -
|
|
35
|
+
| 14.x.x | 17.x.x - 21.x.x |
|
|
36
36
|
|
|
37
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.
|
|
38
38
|
|
|
@@ -81,13 +81,13 @@ Import the `NgIconsModule` and register the icons you wish to use:
|
|
|
81
81
|
|
|
82
82
|
```ts
|
|
83
83
|
import { NgIconsModule } from '@ng-icons/core';
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
84
|
+
import { featherAirplay } from '@ng-icons/feather-icons';
|
|
85
|
+
import { heroUsers } from '@ng-icons/heroicons/outline';
|
|
86
86
|
|
|
87
87
|
@NgModule({
|
|
88
88
|
imports: [
|
|
89
89
|
BrowserModule,
|
|
90
|
-
NgIconsModule.withIcons({
|
|
90
|
+
NgIconsModule.withIcons({ featherAirplay, heroUsers }),
|
|
91
91
|
],
|
|
92
92
|
})
|
|
93
93
|
export class AppModule {}
|
|
@@ -98,7 +98,7 @@ You can register icons in multiple modules, this allows icons to be lazy loaded
|
|
|
98
98
|
You can then use the icon in your templates:
|
|
99
99
|
|
|
100
100
|
```html
|
|
101
|
-
<ng-icon name="
|
|
101
|
+
<ng-icon name="featherAirplay"></ng-icon>
|
|
102
102
|
```
|
|
103
103
|
|
|
104
104
|
| Name | Type | Description |
|
|
@@ -116,13 +116,13 @@ You can also import the component directly by importing `NgIconComponent` or the
|
|
|
116
116
|
|
|
117
117
|
```ts
|
|
118
118
|
import { NgIconComponent, provideIcons } from '@ng-icons/core';
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
119
|
+
import { featherAirplay } from '@ng-icons/feather-icons';
|
|
120
|
+
import { heroUsers } from '@ng-icons/heroicons/outline';
|
|
121
121
|
|
|
122
122
|
@Component({
|
|
123
123
|
standalone: true,
|
|
124
124
|
imports: [NgIconComponent],
|
|
125
|
-
providers: [provideIcons({
|
|
125
|
+
providers: [provideIcons({ featherAirplay, heroUsers })],
|
|
126
126
|
})
|
|
127
127
|
export class AppComponent {}
|
|
128
128
|
```
|