@hugeicons/core-free-icons 1.0.5 → 1.0.8
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 +62 -9
- package/package.json +6 -15
- /package/dist/{index.d.ts → types/index.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -1,24 +1,77 @@
|
|
|
1
1
|
# @hugeicons/core-free-icons
|
|
2
2
|
|
|
3
|
-
Free icons
|
|
3
|
+
> HugeIcons Core Free Icons Package - Beautiful and customizable icons for your applications
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## What is HugeIcons?
|
|
8
|
+
|
|
9
|
+
HugeIcons is a comprehensive icon library designed for modern web and mobile applications. The free package includes 4,000+ carefully crafted icons in the Stroke Rounded style, while the pro version offers over 36,000 icons across 9 unique styles.
|
|
10
|
+
|
|
11
|
+
### Key Highlights
|
|
12
|
+
- **4,000+ Free Icons**: Extensive collection of Stroke Rounded icons covering essential UI elements, actions, and concepts
|
|
13
|
+
- **Pixel Perfect**: Every icon is crafted on a 24x24 pixel grid ensuring crisp, clear display at any size
|
|
14
|
+
- **Customizable**: Easily adjust colors, sizes, and styles to match your design needs
|
|
15
|
+
- **Regular Updates**: New icons added regularly to keep up with evolving design trends
|
|
16
|
+
|
|
17
|
+
> 📚 **Looking for Pro Icons?** Check out our comprehensive documentation at [docs.hugeicons.com](https://docs.hugeicons.com) for detailed information about pro icons, styles, and advanced usage.
|
|
18
|
+
|
|
19
|
+
|
|
4
20
|
|
|
5
21
|
## Installation
|
|
6
22
|
|
|
23
|
+
This is a core package that provides the raw icons. To use these icons in your project, you'll need to install both this package and the corresponding framework-specific package:
|
|
24
|
+
|
|
7
25
|
```bash
|
|
8
|
-
#
|
|
26
|
+
# First, install the core package
|
|
9
27
|
npm install @hugeicons/core-free-icons
|
|
10
28
|
|
|
11
|
-
#
|
|
12
|
-
|
|
29
|
+
# Then install the framework-specific package
|
|
30
|
+
npm install @hugeicons/react # for React
|
|
31
|
+
# or
|
|
32
|
+
npm install @hugeicons/react-native # for React Native
|
|
33
|
+
# or
|
|
34
|
+
npm install @hugeicons/vue # for Vue
|
|
35
|
+
# or
|
|
36
|
+
npm install @hugeicons/angular # for Angular
|
|
37
|
+
# or
|
|
38
|
+
npm install @hugeicons/svelte # for Svelte
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Usage
|
|
42
|
+
|
|
43
|
+
This package provides the core icons. Here's how to import from the core package:
|
|
13
44
|
|
|
14
|
-
|
|
15
|
-
|
|
45
|
+
```javascript
|
|
46
|
+
// Import directly from core package
|
|
47
|
+
import { HomeIcon } from '@hugeicons/core-free-icons';
|
|
16
48
|
```
|
|
17
49
|
|
|
18
|
-
|
|
50
|
+
For real-world applications, we recommend using our framework-specific packages that provide optimized components and additional features. Check out the Framework Support section below for more details.
|
|
51
|
+
|
|
52
|
+
## Features
|
|
53
|
+
|
|
54
|
+
- Modern, high-quality SVG icons
|
|
55
|
+
- Tree-shakeable - only import what you use
|
|
56
|
+
- TypeScript support
|
|
57
|
+
- ESM and CommonJS support
|
|
58
|
+
- Side-effect free
|
|
59
|
+
|
|
60
|
+
## Framework Support
|
|
61
|
+
|
|
62
|
+
HugeIcons provides dedicated packages for various frameworks:
|
|
63
|
+
- [@hugeicons/react](https://www.npmjs.com/package/@hugeicons/react) - For React applications
|
|
64
|
+
- [@hugeicons/react-native](https://www.npmjs.com/package/@hugeicons/react-native) - For React Native applications
|
|
65
|
+
- [@hugeicons/vue](https://www.npmjs.com/package/@hugeicons/vue) - For Vue applications
|
|
66
|
+
- [@hugeicons/angular](https://www.npmjs.com/package/@hugeicons/angular) - For Angular applications
|
|
67
|
+
- [@hugeicons/svelte](https://www.npmjs.com/package/@hugeicons/svelte) - For Svelte applications
|
|
68
|
+
|
|
69
|
+
Each framework package provides optimized components, additional features, and framework-specific documentation.
|
|
70
|
+
|
|
71
|
+
## Types
|
|
19
72
|
|
|
20
|
-
|
|
73
|
+
TypeScript types are included and will work out of the box.
|
|
21
74
|
|
|
22
75
|
## License
|
|
23
76
|
|
|
24
|
-
|
|
77
|
+
Created by Hugeicons. All rights reserved.
|
package/package.json
CHANGED
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hugeicons/core-free-icons",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
|
-
"types": "./dist/index.d.ts",
|
|
8
|
-
"typings": "./dist/index.d.ts",
|
|
7
|
+
"types": "./dist/types/index.d.ts",
|
|
8
|
+
"typings": "./dist/types/index.d.ts",
|
|
9
9
|
"jsdelivr": "./dist/cjs/index.min.js",
|
|
10
10
|
"unpkg": "./dist/cjs/index.min.js",
|
|
11
11
|
"sideEffects": false,
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
|
-
"types":
|
|
15
|
-
"default": "./dist/types/index.d.ts",
|
|
16
|
-
"require": "./dist/index.d.ts",
|
|
17
|
-
"node": "./dist/index.d.cts"
|
|
18
|
-
},
|
|
14
|
+
"types": "./dist/types/index.d.ts",
|
|
19
15
|
"require": {
|
|
20
16
|
"development": "./dist/cjs/index.js",
|
|
21
17
|
"production": "./dist/cjs/index.min.js",
|
|
@@ -29,11 +25,7 @@
|
|
|
29
25
|
"default": "./dist/esm/index.js"
|
|
30
26
|
},
|
|
31
27
|
"./*": {
|
|
32
|
-
"types":
|
|
33
|
-
"default": "./dist/types/*.d.ts",
|
|
34
|
-
"require": "./dist/*.d.ts",
|
|
35
|
-
"node": "./dist/*.d.cts"
|
|
36
|
-
},
|
|
28
|
+
"types": "./dist/types/*.d.ts",
|
|
37
29
|
"require": "./dist/cjs/*.js",
|
|
38
30
|
"import": "./dist/esm/*.js",
|
|
39
31
|
"default": "./dist/esm/*.js"
|
|
@@ -43,8 +35,7 @@
|
|
|
43
35
|
"typesVersions": {
|
|
44
36
|
"*": {
|
|
45
37
|
"*": [
|
|
46
|
-
"./dist/types/*"
|
|
47
|
-
"./dist/*"
|
|
38
|
+
"./dist/types/*"
|
|
48
39
|
]
|
|
49
40
|
}
|
|
50
41
|
},
|
|
File without changes
|