@central-icons-react/all 0.0.33 → 0.0.37

package/README.md

@@ -1,6 +1,7 @@
 # @central-icons-react/all
 
 A comprehensive collection of professionally designed React icons featuring customizable styles including round and square shapes, filled and outlined variants, multiple stroke widths, and corner radius options.
+The collection contains _icon_count_ icons with _variant_count_ variants in total.
 
 ## Table of Contents
 
@@ -37,7 +38,9 @@ pnpm add @central-icons-react/all
 
 ## Usage
 
-Icons can be imported individually to keep your bundle size minimal (recommended):
+### Individual Imports (Recommended)
+
+Icons can be imported individually to keep your bundle size minimal:
 
 ```jsx
 import { IconHome } from "@central-icons-react/round-filled-radius-0-stroke-1/IconHome";
@@ -47,6 +50,25 @@ function MyComponent() {
 }
 ```
 
+### Import alias
+
+If you want to have a bit cleaner imports (and you are just using one icon type), you can use import aliases
+(Requires npm at least v6.9.0 or yarn)
+
+```bash
+npm install central-icons@npm:@central-icons-react/round-filled-radius-0-stroke-1
+```
+
+```jsx
+import { IconHome } from "central-icons/IconHome";
+
+function MyComponent() {
+  return <IconHome />;
+}
+```
+
+### Central Icon Component
+
 Or you can import from the main entry point (not recommended to be used in production, loads all icons):
 
 ```jsx
@@ -65,18 +87,6 @@ function MyComponent() {
 }
 ```
 
-If you want to have a bit cleaner imports (and you are just using one icon type), you can use import aliases
-
-`npm install central-icons@npm:@central-icons-react/round-filled-radius-0-stroke-1`
-
-```jsx
-import { IconHome } from "central-icons/IconHome";
-
-function MyComponent() {
-  return <IconHome />;
-}
-```
-
 ## Icon Properties
 
 All icons accept the following properties: