@ng-icons/ionicons 30.0.0 → 30.2.0

package/README.md

@@ -9,7 +9,7 @@
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
-Containing over 61,000 icons for you to use in your projects.
+Containing over 69,000 icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
@@ -41,6 +41,8 @@ Currently, we support the following libraries:
 - [Devicon](https://github.com/devicons/devicon/)
 - [Game Icons](https://game-icons.net/)
 - [Flag Icons](https://flagicons.lipis.dev/)
+- [Solar Icons](https://github.com/480-Design/Solar-Icon-Set)
+- [SVGL](https://svgl.app)
 
 Got suggestions for additional iconsets? Create an issue and we can consider adding them!
 
@@ -117,6 +119,8 @@ The following packages are available:
 | `@ng-icons/huge-icons`           | CC0-1.0                               |
 | `@ng-icons/devicon`              | MIT                                   |
 | `@ng-icons/game-icons`           | CC BY 3.0                             |
+| `@ng-icons/solar-icons`          | CC BY 4.0                             |
+| `@ng-icons/svgl`                 | MIT                                   |
 
 ## Usage
 
@@ -152,16 +156,16 @@ You can then use the icon in your templates:
 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
 would be in the `@Component` providers array.
 
-You can also import the component directly by importing `NgIconComponent` or the `NG_ICON_DIRECTIVES` constant.
+You can also import the component directly by importing `NgIcon` or the `NG_ICON_DIRECTIVES` constant.
 
 ```ts
-import { NgIconComponent, provideIcons } from '@ng-icons/core';
+import { NgIcon, provideIcons } from '@ng-icons/core';
 import { featherAirplay } from '@ng-icons/feather-icons';
 import { heroUsers } from '@ng-icons/heroicons/outline';
 
 @Component({
   standalone: true,
-  imports: [NgIconComponent],
+  imports: [NgIcon],
   providers: [provideIcons({ featherAirplay, heroUsers })],
 })
 export class AppComponent {}
@@ -185,12 +189,12 @@ export class ParentComponent {
 }
 
 // child.component.ts
-import { NgIconComponent } from '@ng-icons/core';
+import { NgIcon } from '@ng-icons/core';
 
 @Component({
   standalone: true,
   selector: 'app-child',
-  imports: [NgIconComponent],
+  imports: [NgIcon],
   template: '<ng-icon [svg]="icon" />',
 })
 export class ChildComponent {
@@ -223,7 +227,7 @@ export class AppModule {}
 #### Standalone
 
 ```ts
-import { NgIconComponent, provideIcons, provideNgIconsConfig } from '@ng-icons/core';
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core';
 
 bootstrapApplication(AppComponent, {
   providers: [
@@ -239,7 +243,7 @@ bootstrapApplication(AppComponent, {
 If your application has a strict Content Security Policy (CSP) you may need to add the following to your global configuration to ensure you do not get any errors.
 
 ```ts
-import { NgIconComponent, provideIcons, provideNgIconsConfig, withContentSecurityPolicy } from '@ng-icons/core';
+import { NgIcon, provideIcons, provideNgIconsConfig, withContentSecurityPolicy } from '@ng-icons/core';
 
 bootstrapApplication(AppComponent, {
   providers: [provideNgIconsConfig({}, withContentSecurityPolicy())],
@@ -254,7 +258,7 @@ Should you want stricter checks you can enable the `ExceptionLogger` which will
 You can enable this by providing the `withExceptionLogger` function to the `provideNgIconsConfig` function.
 
 ```ts
-import { NgIconComponent, provideIcons, provideNgIconsConfig, withExceptionLogger } from '@ng-icons/core';
+import { NgIcon, provideIcons, provideNgIconsConfig, withExceptionLogger } from '@ng-icons/core';
 
 bootstrapApplication(AppComponent, {
   providers: [provideNgIconsConfig({}, withExceptionLogger())],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-icons/ionicons",
-  "version": "30.0.0",
+  "version": "30.2.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/ng-icons/ng-icons"