@central-icons-react/round-filled-radius-0-stroke-1 0.0.32 → 0.0.33
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 +114 -35
- package/icons.d.ts +938 -0
- package/package.json +79 -1
package/README.md
CHANGED
|
@@ -1,20 +1,35 @@
|
|
|
1
1
|
# @central-icons-react/round-filled-radius-0-stroke-1
|
|
2
2
|
|
|
3
|
-
A collection of round filled React icons with 0px radius and 1px stroke width, designed for use in React applications.
|
|
3
|
+
A collection of **1,748 round filled React icons** with 0px radius and 1px stroke width, designed for use in React applications.
|
|
4
4
|
|
|
5
|
-
## Table of Contents
|
|
5
|
+
## 📋 Table of Contents
|
|
6
6
|
|
|
7
|
-
- [
|
|
8
|
-
- [
|
|
9
|
-
- [
|
|
10
|
-
- [
|
|
11
|
-
- [
|
|
12
|
-
- [
|
|
13
|
-
- [
|
|
14
|
-
- [
|
|
15
|
-
- [
|
|
7
|
+
- [🚀 Quick Start](#quick-start)
|
|
8
|
+
- [📦 Installation](#installation)
|
|
9
|
+
- [⚙️ Requirements](#requirements)
|
|
10
|
+
- [💡 Usage Examples](#usage-examples)
|
|
11
|
+
- [🎨 Icon Properties](#icon-properties)
|
|
12
|
+
- [♿ Accessibility](#accessibility)
|
|
13
|
+
- [🔍 Icon Discovery](#icon-discovery)
|
|
14
|
+
- [📚 Available Packages](#available-packages)
|
|
15
|
+
- [📖 Complete Icons List](#complete-icons-list)
|
|
16
|
+
- [📄 License](#license)
|
|
17
|
+
- [🔧 Troubleshooting](#troubleshooting)
|
|
16
18
|
|
|
17
|
-
##
|
|
19
|
+
## 🚀 Quick Start
|
|
20
|
+
|
|
21
|
+
```jsx
|
|
22
|
+
import { IconHome } from "@central-icons-react/round-filled-radius-0-stroke-1/IconHome";
|
|
23
|
+
|
|
24
|
+
function App() {
|
|
25
|
+
return <IconHome size={24} color="#007AFF" />;
|
|
26
|
+
}
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
**Style:** Round filled icons with sharp corners (0px radius) and 1px stroke width
|
|
30
|
+
**Total Icons:** 1,748 icons across 34 categories
|
|
31
|
+
|
|
32
|
+
## 📦 Installation
|
|
18
33
|
|
|
19
34
|
This package is private and can be installed via your organization's private npm registry. Make sure you have the required license key set up before installation.
|
|
20
35
|
|
|
@@ -30,51 +45,78 @@ yarn add @central-icons-react/round-filled-radius-0-stroke-1
|
|
|
30
45
|
pnpm add @central-icons-react/round-filled-radius-0-stroke-1
|
|
31
46
|
```
|
|
32
47
|
|
|
33
|
-
## Requirements
|
|
48
|
+
## ⚙️ Requirements
|
|
34
49
|
|
|
35
50
|
- React 14.0.0 or higher
|
|
36
51
|
- Valid license key (set as environment variable)
|
|
37
52
|
|
|
38
|
-
## Usage
|
|
53
|
+
## 💡 Usage Examples
|
|
54
|
+
|
|
55
|
+
### Individual Imports (Recommended)
|
|
39
56
|
|
|
40
|
-
|
|
57
|
+
Import icons individually to keep your bundle size minimal:
|
|
41
58
|
|
|
42
59
|
```jsx
|
|
43
60
|
import { IconHome } from "@central-icons-react/round-filled-radius-0-stroke-1/IconHome";
|
|
44
61
|
|
|
45
62
|
function MyComponent() {
|
|
46
|
-
return <IconHome />;
|
|
63
|
+
return <IconHome size={24} color="#007AFF" />;
|
|
47
64
|
}
|
|
48
65
|
```
|
|
49
66
|
|
|
50
|
-
|
|
67
|
+
### Central Icon Component
|
|
68
|
+
|
|
69
|
+
Import from the main entry point (not recommended for production, loads all icons):
|
|
51
70
|
|
|
52
71
|
```jsx
|
|
53
72
|
import { CentralIcon } from "@central-icons-react/round-filled-radius-0-stroke-1";
|
|
54
73
|
|
|
55
74
|
function MyComponent() {
|
|
56
|
-
return <CentralIcon name="
|
|
75
|
+
return <CentralIcon name="IconHome" size={24} color="#007AFF" />;
|
|
57
76
|
}
|
|
58
77
|
```
|
|
59
78
|
|
|
60
|
-
|
|
79
|
+
### Import Aliases
|
|
80
|
+
|
|
81
|
+
For cleaner imports (requires npm v6.9.0+ or yarn):
|
|
82
|
+
|
|
83
|
+
```bash
|
|
84
|
+
npm install central-icons@npm:@central-icons-react/round-filled-radius-0-stroke-1
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
```jsx
|
|
88
|
+
import { IconHome } from "central-icons/IconHome";
|
|
89
|
+
|
|
90
|
+
function MyComponent() {
|
|
91
|
+
return <IconHome size={24} color="#007AFF" />;
|
|
92
|
+
}
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
## 🎨 Icon Properties
|
|
61
96
|
|
|
62
97
|
All icons accept the following properties:
|
|
63
98
|
|
|
64
|
-
| Prop | Type | Default | Description
|
|
65
|
-
| ------------ | -------------------------- | -------------- |
|
|
66
|
-
| `size` | `number \| string` | `24` | Sets both width and height of the icon
|
|
67
|
-
| `color` | `string` | `currentColor` | Sets the icon color
|
|
68
|
-
| `ariaHidden` | `boolean` | `true` | Controls icon accessibility attributes
|
|
69
|
-
| `iconJoin` | `"round" \| "square"` | `"round"` | Controls the icon's corner style
|
|
70
|
-
| `iconFill` | `"filled" \| "outlined"` | `"filled"` | Sets the icon's fill style
|
|
71
|
-
| `iconStroke` | `"1" \| "1.5" \| "2"` | `"1"` | Controls the stroke width
|
|
72
|
-
| `iconRadius` | `"0" \| "1" \| "2" \| "3"` | `"
|
|
73
|
-
| `name` | `string` | none | Defines which icon should be used - see [Icons List](#icons) |
|
|
99
|
+
| Prop | Type | Default | Description |
|
|
100
|
+
| ------------ | -------------------------- | -------------- | -------------------------------------------------------------------------- |
|
|
101
|
+
| `size` | `number \| string` | `24` | Sets both width and height of the icon |
|
|
102
|
+
| `color` | `string` | `currentColor` | Sets the icon color |
|
|
103
|
+
| `ariaHidden` | `boolean` | `true` | Controls icon accessibility attributes |
|
|
104
|
+
| `iconJoin` | `"round" \| "square"` | `"round"` | Controls the icon's corner style |
|
|
105
|
+
| `iconFill` | `"filled" \| "outlined"` | `"filled"` | Sets the icon's fill style |
|
|
106
|
+
| `iconStroke` | `"1" \| "1.5" \| "2"` | `"1"` | Controls the stroke width |
|
|
107
|
+
| `iconRadius` | `"0" \| "1" \| "2" \| "3"` | `"0"` | Sets the corner radius |
|
|
108
|
+
| `name` | `string` | none | Defines which icon should be used - see [Icons List](#complete-icons-list) |
|
|
74
109
|
|
|
75
110
|
Additionally, all standard SVG and HTML attributes are supported.
|
|
76
111
|
|
|
77
|
-
|
|
112
|
+
### Style Properties for This Package
|
|
113
|
+
|
|
114
|
+
- **iconJoin:** `"round"` (fixed)
|
|
115
|
+
- **iconFill:** `"filled"` (fixed)
|
|
116
|
+
- **iconStroke:** `"1"` (fixed)
|
|
117
|
+
- **iconRadius:** `"0"` (fixed)
|
|
118
|
+
|
|
119
|
+
## ♿ Accessibility
|
|
78
120
|
|
|
79
121
|
Icons are aria-hidden by default for decorative purposes. When using icons that convey meaning, you should disable aria-hidden:
|
|
80
122
|
|
|
@@ -95,7 +137,38 @@ When `ariaHidden` is `false`:
|
|
|
95
137
|
- The element gets `role="img"` attribute
|
|
96
138
|
- Screen readers will announce the icon's title
|
|
97
139
|
|
|
98
|
-
##
|
|
140
|
+
## 🔍 Icon Discovery
|
|
141
|
+
|
|
142
|
+
### Quick Search by Category
|
|
143
|
+
|
|
144
|
+
Find icons by browsing categories:
|
|
145
|
+
|
|
146
|
+
- **🔧 Interface:** Settings, navigation, buttons, forms
|
|
147
|
+
- **📱 Devices:** Phones, computers, tablets, accessories
|
|
148
|
+
- **🎨 Design:** Tools, colors, editing, creative
|
|
149
|
+
- **💼 Business:** Finance, shopping, communication
|
|
150
|
+
- **🎮 Entertainment:** Gaming, media, social platforms
|
|
151
|
+
- **🏠 Home:** Building, furniture, household items
|
|
152
|
+
- **🚗 Transport:** Vehicles, travel, location
|
|
153
|
+
- **⚡ Technology:** Code, development, AI, crypto
|
|
154
|
+
- **🎯 Activities:** Sports, food, weather, time
|
|
155
|
+
|
|
156
|
+
### Common Icon Searches
|
|
157
|
+
|
|
158
|
+
- **Navigation:** `IconArrow`, `IconChevron`, `IconHome`, `IconBack`
|
|
159
|
+
- **Actions:** `IconPlus`, `IconMinus`, `IconCheck`, `IconClose`
|
|
160
|
+
- **Communication:** `IconEmail`, `IconCall`, `IconMessage`, `IconShare`
|
|
161
|
+
- **Settings:** `IconSettings`, `IconFilter`, `IconSearch`, `IconMenu`
|
|
162
|
+
- **Files:** `IconFile`, `IconFolder`, `IconDownload`, `IconUpload`
|
|
163
|
+
- **Media:** `IconPlay`, `IconPause`, `IconCamera`, `IconVideo`
|
|
164
|
+
|
|
165
|
+
### AI-Friendly Resources
|
|
166
|
+
|
|
167
|
+
- **Complete Index:** See `icons-index.json` for structured data
|
|
168
|
+
- **Category Overview:** Browse icons by category below
|
|
169
|
+
- **Search Terms:** Use common terms to find related icons
|
|
170
|
+
|
|
171
|
+
## 📚 Available Packages
|
|
99
172
|
|
|
100
173
|
For optimal bundle size, consider using our specific bundles instead of the full package:
|
|
101
174
|
|
|
@@ -130,9 +203,9 @@ https://npmjs.com/package/@central-icons-react/round-filled-radius-2-stroke-1
|
|
|
130
203
|
https://npmjs.com/package/@central-icons-react/round-outlined-radius-3-stroke-1
|
|
131
204
|
https://npmjs.com/package/@central-icons-react/round-filled-radius-3-stroke-1
|
|
132
205
|
|
|
133
|
-
## Icons
|
|
206
|
+
## 📖 Complete Icons List
|
|
134
207
|
|
|
135
|
-
Below is a complete list of available icons:
|
|
208
|
+
Below is a complete list of available icons organized by category:
|
|
136
209
|
|
|
137
210
|
### Accessibility
|
|
138
211
|
|
|
@@ -1707,14 +1780,14 @@ Below is a complete list of available icons:
|
|
|
1707
1780
|
- IconThunder
|
|
1708
1781
|
- IconWind
|
|
1709
1782
|
|
|
1710
|
-
## License
|
|
1783
|
+
## 📄 License
|
|
1711
1784
|
|
|
1712
1785
|
This is a private package with all rights reserved. Unauthorized copying or distribution is prohibited.
|
|
1713
1786
|
|
|
1714
1787
|
- Licenses can be purchased at: https://iconists.co/central
|
|
1715
1788
|
- License key must be present as an environment variable during installation
|
|
1716
1789
|
|
|
1717
|
-
## Troubleshooting
|
|
1790
|
+
## 🔧 Troubleshooting
|
|
1718
1791
|
|
|
1719
1792
|
Common issues and solutions:
|
|
1720
1793
|
|
|
@@ -1730,5 +1803,11 @@ Common issues and solutions:
|
|
|
1730
1803
|
- Ensure React version meets requirements
|
|
1731
1804
|
|
|
1732
1805
|
3. **Bundle size concerns**
|
|
1806
|
+
|
|
1733
1807
|
- Use specific imports instead of the main entry point
|
|
1734
1808
|
- Use a build tool supporting tree shaking
|
|
1809
|
+
|
|
1810
|
+
4. **Finding the right icon**
|
|
1811
|
+
- Browse categories in the [Complete Icons List](#complete-icons-list)
|
|
1812
|
+
- Use the search index in `icons-index.json`
|
|
1813
|
+
- Check common search terms in the [Icon Discovery](#icon-discovery) section
|
package/icons.d.ts
ADDED
|
@@ -0,0 +1,938 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @central-icons-react/round-filled-radius-0-stroke-1
|
|
3
|
+
*
|
|
4
|
+
* TypeScript declarations for Central Icons React package
|
|
5
|
+
* Style: Round filled icons with 0px radius and 1px stroke width
|
|
6
|
+
* Total Icons: 1,748 across 34 categories
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
export type CentralIconName =
|
|
10
|
+
// Accessibility (9 icons)
|
|
11
|
+
| "IconCircleHalfFill"
|
|
12
|
+
| "IconCirclePerson"
|
|
13
|
+
| "IconEar"
|
|
14
|
+
| "IconEyeClosed"
|
|
15
|
+
| "IconEyeOpen"
|
|
16
|
+
| "IconEyeSlash"
|
|
17
|
+
| "IconEyeSlash2"
|
|
18
|
+
| "IconImageAltText"
|
|
19
|
+
| "IconSquareLinesBottom"
|
|
20
|
+
|
|
21
|
+
// AI & Magic (32 icons)
|
|
22
|
+
| "IconAppleIntelligenceIcon"
|
|
23
|
+
| "IconBoxSparkle"
|
|
24
|
+
| "IconBrain1"
|
|
25
|
+
| "IconBrain2"
|
|
26
|
+
| "IconBroomSparkle"
|
|
27
|
+
| "IconCuteRobot"
|
|
28
|
+
| "IconEyeSparkle"
|
|
29
|
+
| "IconFortuneTellerBall"
|
|
30
|
+
| "IconHatBunny"
|
|
31
|
+
| "IconHatSparkle"
|
|
32
|
+
| "IconImageAvatarSparkle"
|
|
33
|
+
| "IconImageSparkle"
|
|
34
|
+
| "IconListSparkle"
|
|
35
|
+
| "IconMagicBook"
|
|
36
|
+
| "IconMagicEdit"
|
|
37
|
+
| "IconMagicWand"
|
|
38
|
+
| "IconMagicWand2"
|
|
39
|
+
| "IconMagicWand3"
|
|
40
|
+
| "IconPencilSparkle"
|
|
41
|
+
| "IconPrompt"
|
|
42
|
+
| "IconRobot"
|
|
43
|
+
| "IconSparkle"
|
|
44
|
+
| "IconSparkle2"
|
|
45
|
+
| "IconSparklesSoft"
|
|
46
|
+
| "IconSparklesThree"
|
|
47
|
+
| "IconSparklesTwo"
|
|
48
|
+
| "IconSparklesTwo2"
|
|
49
|
+
| "IconStarWand"
|
|
50
|
+
| "IconTextToImage"
|
|
51
|
+
| "IconVisualIntelligence"
|
|
52
|
+
| "IconWindowSparkle"
|
|
53
|
+
| "IconWizardHat"
|
|
54
|
+
|
|
55
|
+
// Arrows (89 icons)
|
|
56
|
+
| "IconArrow"
|
|
57
|
+
| "IconArrowBottomTop"
|
|
58
|
+
| "IconArrowCornerDownLeft"
|
|
59
|
+
| "IconArrowCornerDownRight"
|
|
60
|
+
| "IconArrowCornerLeftDown"
|
|
61
|
+
| "IconArrowCornerLeftUp"
|
|
62
|
+
| "IconArrowCornerRightDown"
|
|
63
|
+
| "IconArrowCornerRightUp"
|
|
64
|
+
| "IconArrowCornerUpLeft"
|
|
65
|
+
| "IconArrowCornerUpRight"
|
|
66
|
+
| "IconArrowDown"
|
|
67
|
+
| "IconArrowDownCircle"
|
|
68
|
+
| "IconArrowDownLeft"
|
|
69
|
+
| "IconArrowDownRight"
|
|
70
|
+
| "IconArrowExpandHor"
|
|
71
|
+
| "IconArrowExpandVer"
|
|
72
|
+
| "IconArrowLeft"
|
|
73
|
+
| "IconArrowLeftCircle"
|
|
74
|
+
| "IconArrowLeftDownCircle"
|
|
75
|
+
| "IconArrowLeftRight"
|
|
76
|
+
| "IconArrowLeftUpCircle"
|
|
77
|
+
| "IconArrowPathDown"
|
|
78
|
+
| "IconArrowPathLeft"
|
|
79
|
+
| "IconArrowPathRight"
|
|
80
|
+
| "IconArrowPathUp"
|
|
81
|
+
| "IconArrowRedoDown"
|
|
82
|
+
| "IconArrowRedoUp"
|
|
83
|
+
| "IconArrowRight"
|
|
84
|
+
| "IconArrowRightCircle"
|
|
85
|
+
| "IconArrowRightDownCircle"
|
|
86
|
+
| "IconArrowRightLeft"
|
|
87
|
+
| "IconArrowRightUpCircle"
|
|
88
|
+
| "IconArrowRotateClockwise"
|
|
89
|
+
| "IconArrowRotateCounterClockwise"
|
|
90
|
+
| "IconArrowRotateLeftRight"
|
|
91
|
+
| "IconArrowRotateRightLeft"
|
|
92
|
+
| "IconArrowShareLeft"
|
|
93
|
+
| "IconArrowShareRight"
|
|
94
|
+
| "IconArrowSplit"
|
|
95
|
+
| "IconArrowsRepeat"
|
|
96
|
+
| "IconArrowsRepeatCircle"
|
|
97
|
+
| "IconArrowsRepeatLeftRight"
|
|
98
|
+
| "IconArrowsRepeatRightLeft"
|
|
99
|
+
| "IconArrowsRepeatRightLeftOff"
|
|
100
|
+
| "IconArrowTopBottom"
|
|
101
|
+
| "IconArrowTriangleBottom"
|
|
102
|
+
| "IconArrowTriangleLeft"
|
|
103
|
+
| "IconArrowTriangleRight"
|
|
104
|
+
| "IconArrowTriangleTop"
|
|
105
|
+
| "IconArrowUndoDown"
|
|
106
|
+
| "IconArrowUndoUp"
|
|
107
|
+
| "IconArrowUp"
|
|
108
|
+
| "IconArrowUpCircle"
|
|
109
|
+
| "IconArrowUpDownLeftRight"
|
|
110
|
+
| "IconArrowUpLeft"
|
|
111
|
+
| "IconArrowUpRight"
|
|
112
|
+
| "IconArrowWall2Down"
|
|
113
|
+
| "IconArrowWall2Left"
|
|
114
|
+
| "IconArrowWall2Right"
|
|
115
|
+
| "IconArrowWall2Up"
|
|
116
|
+
| "IconArrowWallDown"
|
|
117
|
+
| "IconArrowWallLeft"
|
|
118
|
+
| "IconArrowWallRight"
|
|
119
|
+
| "IconArrowWallUp"
|
|
120
|
+
| "IconChevronBottom"
|
|
121
|
+
| "IconChevronDoubleDown"
|
|
122
|
+
| "IconChevronDoubleLeft"
|
|
123
|
+
| "IconChevronDoubleRight"
|
|
124
|
+
| "IconChevronDoubleUp"
|
|
125
|
+
| "IconChevronDownSmall"
|
|
126
|
+
| "IconChevronGrabberHorizontal"
|
|
127
|
+
| "IconChevronGrabberVertical"
|
|
128
|
+
| "IconChevronLargeDown"
|
|
129
|
+
| "IconChevronLargeLeft"
|
|
130
|
+
| "IconChevronLargeRight"
|
|
131
|
+
| "IconChevronLargeTop"
|
|
132
|
+
| "IconChevronLeft"
|
|
133
|
+
| "IconChevronLeftSmall"
|
|
134
|
+
| "IconChevronRight"
|
|
135
|
+
| "IconChevronRightSmall"
|
|
136
|
+
| "IconChevronTop"
|
|
137
|
+
| "IconChevronTopSmall"
|
|
138
|
+
| "IconChevronTriangleDownSmall"
|
|
139
|
+
| "IconChevronTriangleUpSmall"
|
|
140
|
+
| "IconCursor1"
|
|
141
|
+
| "IconCursor2"
|
|
142
|
+
| "IconCursor3"
|
|
143
|
+
| "IconCursorClick"
|
|
144
|
+
| "IconCursorList"
|
|
145
|
+
| "IconExpand315"
|
|
146
|
+
| "IconExpand45"
|
|
147
|
+
| "IconExpandSimple"
|
|
148
|
+
| "IconExpandSimple2"
|
|
149
|
+
| "IconMinimize315"
|
|
150
|
+
| "IconMinimize45"
|
|
151
|
+
| "IconOngoing"
|
|
152
|
+
| "IconShareArrowDown"
|
|
153
|
+
| "IconSquareArrowBottomRight"
|
|
154
|
+
| "IconSquareArrowCenter"
|
|
155
|
+
| "IconSquareArrowInTopLeft"
|
|
156
|
+
| "IconSquareArrowOutTopLeft"
|
|
157
|
+
| "IconSquareArrowTopRight"
|
|
158
|
+
| "IconSquareArrowTopRight2"
|
|
159
|
+
| "IconSquareCursor"
|
|
160
|
+
| "IconSquized"
|
|
161
|
+
| "IconStepBack"
|
|
162
|
+
| "IconStepForwards"
|
|
163
|
+
|
|
164
|
+
// Add more categories as needed...
|
|
165
|
+
| string; // Fallback for any additional icons
|
|
166
|
+
|
|
167
|
+
export type CentralIconCategory =
|
|
168
|
+
| "Accessibility"
|
|
169
|
+
| "AI & Magic"
|
|
170
|
+
| "Arrows"
|
|
171
|
+
| "Augmented Reality"
|
|
172
|
+
| "Building"
|
|
173
|
+
| "Clouds"
|
|
174
|
+
| "Code"
|
|
175
|
+
| "Communication"
|
|
176
|
+
| "Crypto"
|
|
177
|
+
| "Devices & Signals"
|
|
178
|
+
| "Edit"
|
|
179
|
+
| "Filter & Settings"
|
|
180
|
+
| "Folders & Files"
|
|
181
|
+
| "Food"
|
|
182
|
+
| "Furniture & Household"
|
|
183
|
+
| "Gaming"
|
|
184
|
+
| "Hands"
|
|
185
|
+
| "Interface General"
|
|
186
|
+
| "Keyboard"
|
|
187
|
+
| "Layout"
|
|
188
|
+
| "Location"
|
|
189
|
+
| "Nature & Energy"
|
|
190
|
+
| "People"
|
|
191
|
+
| "Photography & Video"
|
|
192
|
+
| "Security"
|
|
193
|
+
| "Shopping & Payment"
|
|
194
|
+
| "Social Media & Brands"
|
|
195
|
+
| "Sound & Music"
|
|
196
|
+
| "Sports"
|
|
197
|
+
| "Statistics & Charts"
|
|
198
|
+
| "Things"
|
|
199
|
+
| "Time & Date"
|
|
200
|
+
| "Typography"
|
|
201
|
+
| "Weather";
|
|
202
|
+
|
|
203
|
+
export interface CentralIconProps {
|
|
204
|
+
/** Sets both width and height of the icon (default: 24) */
|
|
205
|
+
size?: number | string;
|
|
206
|
+
/** Sets the icon color (default: currentColor) */
|
|
207
|
+
color?: string;
|
|
208
|
+
/** Controls icon accessibility attributes (default: true) */
|
|
209
|
+
ariaHidden?: boolean;
|
|
210
|
+
/** Controls the icon's corner style (fixed: "round" for this package) */
|
|
211
|
+
iconJoin?: "round" | "square";
|
|
212
|
+
/** Sets the icon's fill style (fixed: "filled" for this package) */
|
|
213
|
+
iconFill?: "filled" | "outlined";
|
|
214
|
+
/** Controls the stroke width (fixed: "1" for this package) */
|
|
215
|
+
iconStroke?: "1" | "1.5" | "2";
|
|
216
|
+
/** Sets the corner radius (fixed: "0" for this package) */
|
|
217
|
+
iconRadius?: "0" | "1" | "2" | "3";
|
|
218
|
+
/** Defines which icon should be used */
|
|
219
|
+
name?: CentralIconName;
|
|
220
|
+
/** Additional SVG attributes */
|
|
221
|
+
[key: string]: any;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
export interface CentralIconMetadata {
|
|
225
|
+
title: string;
|
|
226
|
+
category: CentralIconCategory;
|
|
227
|
+
description?: string;
|
|
228
|
+
tags?: string[];
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
/**
|
|
232
|
+
* Icon category descriptions for AI assistance
|
|
233
|
+
*/
|
|
234
|
+
export const ICON_CATEGORIES: Record<
|
|
235
|
+
CentralIconCategory,
|
|
236
|
+
{
|
|
237
|
+
description: string;
|
|
238
|
+
commonUseCases: string[];
|
|
239
|
+
iconCount: number;
|
|
240
|
+
}
|
|
241
|
+
> = {
|
|
242
|
+
Accessibility: {
|
|
243
|
+
description:
|
|
244
|
+
"Icons related to accessibility features, assistive technologies, and inclusive design",
|
|
245
|
+
commonUseCases: [
|
|
246
|
+
"Screen reader support",
|
|
247
|
+
"Accessibility settings",
|
|
248
|
+
"Inclusive design",
|
|
249
|
+
],
|
|
250
|
+
iconCount: 9,
|
|
251
|
+
},
|
|
252
|
+
"AI & Magic": {
|
|
253
|
+
description:
|
|
254
|
+
"Icons representing artificial intelligence, magic, sparkles, and mystical elements",
|
|
255
|
+
commonUseCases: [
|
|
256
|
+
"AI features",
|
|
257
|
+
"Magic effects",
|
|
258
|
+
"Sparkle animations",
|
|
259
|
+
"Wizard interfaces",
|
|
260
|
+
],
|
|
261
|
+
iconCount: 32,
|
|
262
|
+
},
|
|
263
|
+
Arrows: {
|
|
264
|
+
description:
|
|
265
|
+
"Directional arrows, navigation controls, and movement indicators",
|
|
266
|
+
commonUseCases: [
|
|
267
|
+
"Navigation",
|
|
268
|
+
"Direction indicators",
|
|
269
|
+
"Movement controls",
|
|
270
|
+
"UI navigation",
|
|
271
|
+
],
|
|
272
|
+
iconCount: 89,
|
|
273
|
+
},
|
|
274
|
+
"Augmented Reality": {
|
|
275
|
+
description:
|
|
276
|
+
"Icons for AR/VR experiences, 3D elements, and spatial computing",
|
|
277
|
+
commonUseCases: [
|
|
278
|
+
"AR apps",
|
|
279
|
+
"VR interfaces",
|
|
280
|
+
"3D visualization",
|
|
281
|
+
"Spatial computing",
|
|
282
|
+
],
|
|
283
|
+
iconCount: 15,
|
|
284
|
+
},
|
|
285
|
+
Building: {
|
|
286
|
+
description:
|
|
287
|
+
"Icons representing buildings, architecture, and physical structures",
|
|
288
|
+
commonUseCases: [
|
|
289
|
+
"Real estate",
|
|
290
|
+
"Architecture",
|
|
291
|
+
"Location services",
|
|
292
|
+
"Property management",
|
|
293
|
+
],
|
|
294
|
+
iconCount: 20,
|
|
295
|
+
},
|
|
296
|
+
Clouds: {
|
|
297
|
+
description: "Cloud computing, storage, and online services icons",
|
|
298
|
+
commonUseCases: [
|
|
299
|
+
"Cloud storage",
|
|
300
|
+
"Online services",
|
|
301
|
+
"Sync features",
|
|
302
|
+
"Backup systems",
|
|
303
|
+
],
|
|
304
|
+
iconCount: 11,
|
|
305
|
+
},
|
|
306
|
+
Code: {
|
|
307
|
+
description: "Programming, development, and technical icons",
|
|
308
|
+
commonUseCases: [
|
|
309
|
+
"Code editors",
|
|
310
|
+
"Development tools",
|
|
311
|
+
"Debugging",
|
|
312
|
+
"Version control",
|
|
313
|
+
],
|
|
314
|
+
iconCount: 33,
|
|
315
|
+
},
|
|
316
|
+
Communication: {
|
|
317
|
+
description: "Messaging, email, and communication platform icons",
|
|
318
|
+
commonUseCases: [
|
|
319
|
+
"Chat apps",
|
|
320
|
+
"Email clients",
|
|
321
|
+
"Messaging",
|
|
322
|
+
"Communication tools",
|
|
323
|
+
],
|
|
324
|
+
iconCount: 47,
|
|
325
|
+
},
|
|
326
|
+
Crypto: {
|
|
327
|
+
description: "Cryptocurrency, blockchain, and digital finance icons",
|
|
328
|
+
commonUseCases: [
|
|
329
|
+
"Crypto wallets",
|
|
330
|
+
"Trading platforms",
|
|
331
|
+
"Blockchain apps",
|
|
332
|
+
"Digital finance",
|
|
333
|
+
],
|
|
334
|
+
iconCount: 17,
|
|
335
|
+
},
|
|
336
|
+
"Devices & Signals": {
|
|
337
|
+
description: "Hardware devices, connectivity, and signal icons",
|
|
338
|
+
commonUseCases: [
|
|
339
|
+
"Device management",
|
|
340
|
+
"Connectivity",
|
|
341
|
+
"Hardware settings",
|
|
342
|
+
"Signal indicators",
|
|
343
|
+
],
|
|
344
|
+
iconCount: 67,
|
|
345
|
+
},
|
|
346
|
+
Edit: {
|
|
347
|
+
description: "Editing tools, design software, and creative applications",
|
|
348
|
+
commonUseCases: [
|
|
349
|
+
"Design tools",
|
|
350
|
+
"Photo editing",
|
|
351
|
+
"Creative apps",
|
|
352
|
+
"Drawing software",
|
|
353
|
+
],
|
|
354
|
+
iconCount: 55,
|
|
355
|
+
},
|
|
356
|
+
"Filter & Settings": {
|
|
357
|
+
description: "Settings, preferences, and filtering controls",
|
|
358
|
+
commonUseCases: [
|
|
359
|
+
"App settings",
|
|
360
|
+
"Filtering",
|
|
361
|
+
"Preferences",
|
|
362
|
+
"Configuration",
|
|
363
|
+
],
|
|
364
|
+
iconCount: 20,
|
|
365
|
+
},
|
|
366
|
+
"Folders & Files": {
|
|
367
|
+
description: "File management, documents, and storage organization",
|
|
368
|
+
commonUseCases: [
|
|
369
|
+
"File managers",
|
|
370
|
+
"Document apps",
|
|
371
|
+
"Storage",
|
|
372
|
+
"Organization",
|
|
373
|
+
],
|
|
374
|
+
iconCount: 67,
|
|
375
|
+
},
|
|
376
|
+
Food: {
|
|
377
|
+
description: "Food, beverages, and dining-related icons",
|
|
378
|
+
commonUseCases: [
|
|
379
|
+
"Food delivery",
|
|
380
|
+
"Restaurant apps",
|
|
381
|
+
"Recipe apps",
|
|
382
|
+
"Dining",
|
|
383
|
+
],
|
|
384
|
+
iconCount: 37,
|
|
385
|
+
},
|
|
386
|
+
"Furniture & Household": {
|
|
387
|
+
description: "Home furniture, appliances, and household items",
|
|
388
|
+
commonUseCases: [
|
|
389
|
+
"Home apps",
|
|
390
|
+
"Furniture shopping",
|
|
391
|
+
"Household management",
|
|
392
|
+
"Interior design",
|
|
393
|
+
],
|
|
394
|
+
iconCount: 17,
|
|
395
|
+
},
|
|
396
|
+
Gaming: {
|
|
397
|
+
description: "Gaming controls, game elements, and entertainment",
|
|
398
|
+
commonUseCases: [
|
|
399
|
+
"Gaming apps",
|
|
400
|
+
"Game controls",
|
|
401
|
+
"Entertainment",
|
|
402
|
+
"Gaming platforms",
|
|
403
|
+
],
|
|
404
|
+
iconCount: 19,
|
|
405
|
+
},
|
|
406
|
+
Hands: {
|
|
407
|
+
description: "Hand gestures, interactions, and human touch",
|
|
408
|
+
commonUseCases: [
|
|
409
|
+
"Gesture controls",
|
|
410
|
+
"Touch interfaces",
|
|
411
|
+
"Human interaction",
|
|
412
|
+
"Accessibility",
|
|
413
|
+
],
|
|
414
|
+
iconCount: 19,
|
|
415
|
+
},
|
|
416
|
+
"Interface General": {
|
|
417
|
+
description: "General UI elements, controls, and interface components",
|
|
418
|
+
commonUseCases: [
|
|
419
|
+
"UI components",
|
|
420
|
+
"Interface elements",
|
|
421
|
+
"Controls",
|
|
422
|
+
"General UI",
|
|
423
|
+
],
|
|
424
|
+
iconCount: 120,
|
|
425
|
+
},
|
|
426
|
+
Keyboard: {
|
|
427
|
+
description: "Keyboard shortcuts, modifiers, and input controls",
|
|
428
|
+
commonUseCases: [
|
|
429
|
+
"Keyboard shortcuts",
|
|
430
|
+
"Input controls",
|
|
431
|
+
"Modifier keys",
|
|
432
|
+
"Text input",
|
|
433
|
+
],
|
|
434
|
+
iconCount: 10,
|
|
435
|
+
},
|
|
436
|
+
Layout: {
|
|
437
|
+
description: "Layout controls, alignment, and design structure",
|
|
438
|
+
commonUseCases: [
|
|
439
|
+
"Layout tools",
|
|
440
|
+
"Design software",
|
|
441
|
+
"Alignment",
|
|
442
|
+
"Structure",
|
|
443
|
+
],
|
|
444
|
+
iconCount: 42,
|
|
445
|
+
},
|
|
446
|
+
Location: {
|
|
447
|
+
description: "Maps, navigation, and location-based services",
|
|
448
|
+
commonUseCases: ["Maps", "Navigation", "Location services", "Geolocation"],
|
|
449
|
+
iconCount: 15,
|
|
450
|
+
},
|
|
451
|
+
"Nature & Energy": {
|
|
452
|
+
description: "Natural elements, energy sources, and environmental icons",
|
|
453
|
+
commonUseCases: [
|
|
454
|
+
"Environmental apps",
|
|
455
|
+
"Energy monitoring",
|
|
456
|
+
"Nature",
|
|
457
|
+
"Sustainability",
|
|
458
|
+
],
|
|
459
|
+
iconCount: 19,
|
|
460
|
+
},
|
|
461
|
+
People: {
|
|
462
|
+
description: "Human figures, groups, and social interactions",
|
|
463
|
+
commonUseCases: [
|
|
464
|
+
"User profiles",
|
|
465
|
+
"Social features",
|
|
466
|
+
"Team management",
|
|
467
|
+
"User interfaces",
|
|
468
|
+
],
|
|
469
|
+
iconCount: 26,
|
|
470
|
+
},
|
|
471
|
+
"Photography & Video": {
|
|
472
|
+
description: "Camera, video, and media capture icons",
|
|
473
|
+
commonUseCases: [
|
|
474
|
+
"Camera apps",
|
|
475
|
+
"Video editing",
|
|
476
|
+
"Media capture",
|
|
477
|
+
"Photo apps",
|
|
478
|
+
],
|
|
479
|
+
iconCount: 67,
|
|
480
|
+
},
|
|
481
|
+
Security: {
|
|
482
|
+
description: "Security, privacy, and protection-related icons",
|
|
483
|
+
commonUseCases: [
|
|
484
|
+
"Security apps",
|
|
485
|
+
"Privacy settings",
|
|
486
|
+
"Authentication",
|
|
487
|
+
"Protection",
|
|
488
|
+
],
|
|
489
|
+
iconCount: 27,
|
|
490
|
+
},
|
|
491
|
+
"Shopping & Payment": {
|
|
492
|
+
description: "E-commerce, payments, and financial transactions",
|
|
493
|
+
commonUseCases: [
|
|
494
|
+
"Shopping apps",
|
|
495
|
+
"Payment processing",
|
|
496
|
+
"E-commerce",
|
|
497
|
+
"Financial apps",
|
|
498
|
+
],
|
|
499
|
+
iconCount: 67,
|
|
500
|
+
},
|
|
501
|
+
"Social Media & Brands": {
|
|
502
|
+
description: "Social media platforms and brand logos",
|
|
503
|
+
commonUseCases: [
|
|
504
|
+
"Social media",
|
|
505
|
+
"Brand integration",
|
|
506
|
+
"Platform logos",
|
|
507
|
+
"Social features",
|
|
508
|
+
],
|
|
509
|
+
iconCount: 67,
|
|
510
|
+
},
|
|
511
|
+
"Sound & Music": {
|
|
512
|
+
description: "Audio, music, and sound-related controls",
|
|
513
|
+
commonUseCases: [
|
|
514
|
+
"Music apps",
|
|
515
|
+
"Audio controls",
|
|
516
|
+
"Podcast apps",
|
|
517
|
+
"Sound settings",
|
|
518
|
+
],
|
|
519
|
+
iconCount: 42,
|
|
520
|
+
},
|
|
521
|
+
Sports: {
|
|
522
|
+
description: "Sports equipment, activities, and athletic icons",
|
|
523
|
+
commonUseCases: [
|
|
524
|
+
"Sports apps",
|
|
525
|
+
"Fitness tracking",
|
|
526
|
+
"Athletic activities",
|
|
527
|
+
"Sports platforms",
|
|
528
|
+
],
|
|
529
|
+
iconCount: 14,
|
|
530
|
+
},
|
|
531
|
+
"Statistics & Charts": {
|
|
532
|
+
description: "Data visualization, analytics, and chart elements",
|
|
533
|
+
commonUseCases: [
|
|
534
|
+
"Analytics dashboards",
|
|
535
|
+
"Data visualization",
|
|
536
|
+
"Charts",
|
|
537
|
+
"Statistics",
|
|
538
|
+
],
|
|
539
|
+
iconCount: 24,
|
|
540
|
+
},
|
|
541
|
+
Things: {
|
|
542
|
+
description: "Miscellaneous objects, items, and general things",
|
|
543
|
+
commonUseCases: [
|
|
544
|
+
"General objects",
|
|
545
|
+
"Miscellaneous items",
|
|
546
|
+
"Various things",
|
|
547
|
+
"Object representation",
|
|
548
|
+
],
|
|
549
|
+
iconCount: 120,
|
|
550
|
+
},
|
|
551
|
+
"Time & Date": {
|
|
552
|
+
description: "Time, date, calendar, and scheduling icons",
|
|
553
|
+
commonUseCases: [
|
|
554
|
+
"Calendar apps",
|
|
555
|
+
"Scheduling",
|
|
556
|
+
"Time tracking",
|
|
557
|
+
"Date management",
|
|
558
|
+
],
|
|
559
|
+
iconCount: 35,
|
|
560
|
+
},
|
|
561
|
+
Typography: {
|
|
562
|
+
description: "Text formatting, typography, and writing tools",
|
|
563
|
+
commonUseCases: [
|
|
564
|
+
"Text editors",
|
|
565
|
+
"Typography tools",
|
|
566
|
+
"Writing apps",
|
|
567
|
+
"Text formatting",
|
|
568
|
+
],
|
|
569
|
+
iconCount: 47,
|
|
570
|
+
},
|
|
571
|
+
Weather: {
|
|
572
|
+
description: "Weather conditions, climate, and atmospheric icons",
|
|
573
|
+
commonUseCases: [
|
|
574
|
+
"Weather apps",
|
|
575
|
+
"Climate information",
|
|
576
|
+
"Atmospheric conditions",
|
|
577
|
+
"Weather tracking",
|
|
578
|
+
],
|
|
579
|
+
iconCount: 20,
|
|
580
|
+
},
|
|
581
|
+
};
|
|
582
|
+
|
|
583
|
+
/**
|
|
584
|
+
* Common search terms mapped to icon names for AI assistance
|
|
585
|
+
*/
|
|
586
|
+
export const ICON_SEARCH_TERMS: Record<string, CentralIconName[]> = {
|
|
587
|
+
navigation: [
|
|
588
|
+
"IconArrow",
|
|
589
|
+
"IconArrowDown",
|
|
590
|
+
"IconArrowLeft",
|
|
591
|
+
"IconArrowRight",
|
|
592
|
+
"IconArrowUp",
|
|
593
|
+
"IconChevronLeft",
|
|
594
|
+
"IconChevronRight",
|
|
595
|
+
],
|
|
596
|
+
settings: [
|
|
597
|
+
"IconSettingsGear1",
|
|
598
|
+
"IconSettingsGear2",
|
|
599
|
+
"IconSettingsGear3",
|
|
600
|
+
"IconSettingsKnob",
|
|
601
|
+
"IconSettingsSliderHor",
|
|
602
|
+
"IconSettingsSliderVer",
|
|
603
|
+
"IconSettingsToggle1",
|
|
604
|
+
"IconSettingsToggle2",
|
|
605
|
+
],
|
|
606
|
+
search: [
|
|
607
|
+
"IconMagnifyingGlass",
|
|
608
|
+
"IconMagnifyingGlass2",
|
|
609
|
+
"IconSearchMenu",
|
|
610
|
+
"IconQuickSearch",
|
|
611
|
+
],
|
|
612
|
+
user: [
|
|
613
|
+
"IconCirclePerson",
|
|
614
|
+
"IconHead",
|
|
615
|
+
"IconPeople",
|
|
616
|
+
"IconPeople2",
|
|
617
|
+
"IconPeopleAdd",
|
|
618
|
+
"IconPeopleCircle",
|
|
619
|
+
],
|
|
620
|
+
file: [
|
|
621
|
+
"IconFileText",
|
|
622
|
+
"IconFilePdf",
|
|
623
|
+
"IconFilePng",
|
|
624
|
+
"IconFileJpg",
|
|
625
|
+
"IconFileZip",
|
|
626
|
+
"IconFileLink",
|
|
627
|
+
"IconFileLock",
|
|
628
|
+
],
|
|
629
|
+
folder: [
|
|
630
|
+
"IconFolder1",
|
|
631
|
+
"IconFolder2",
|
|
632
|
+
"IconFolderOpen",
|
|
633
|
+
"IconFolderCloud",
|
|
634
|
+
"IconFolderLink",
|
|
635
|
+
"IconFolderShared",
|
|
636
|
+
],
|
|
637
|
+
home: [
|
|
638
|
+
"IconHome",
|
|
639
|
+
"IconHomeCircle",
|
|
640
|
+
"IconHomeDoor",
|
|
641
|
+
"IconHomeLine",
|
|
642
|
+
"IconHomeOpen",
|
|
643
|
+
"IconHomeRoof",
|
|
644
|
+
],
|
|
645
|
+
check: [
|
|
646
|
+
"IconCheckmark1",
|
|
647
|
+
"IconCheckmark2",
|
|
648
|
+
"IconCircleCheck",
|
|
649
|
+
"IconSquareCheck",
|
|
650
|
+
],
|
|
651
|
+
close: ["IconCrossLarge", "IconCrossSmall", "IconCircleX", "IconSquareX"],
|
|
652
|
+
plus: ["IconPlusLarge", "IconPlusSmall", "IconCirclePlus", "IconSquarePlus"],
|
|
653
|
+
minus: [
|
|
654
|
+
"IconMinusLarge",
|
|
655
|
+
"IconMinusSmall",
|
|
656
|
+
"IconCircleMinus",
|
|
657
|
+
"IconSquareMinus",
|
|
658
|
+
],
|
|
659
|
+
heart: ["IconHeart", "IconHeart2", "IconHeartBeat", "IconBrokenHeart"],
|
|
660
|
+
star: ["IconStar", "IconStarLines"],
|
|
661
|
+
lock: ["IconLock", "IconUnlocked", "IconKey1", "IconKey2", "IconKeyhole"],
|
|
662
|
+
phone: [
|
|
663
|
+
"IconPhone",
|
|
664
|
+
"IconPhoneDynamicIsland",
|
|
665
|
+
"IconPhoneHaptic",
|
|
666
|
+
"IconOldPhone",
|
|
667
|
+
],
|
|
668
|
+
email: [
|
|
669
|
+
"IconEmail1",
|
|
670
|
+
"IconEmail2",
|
|
671
|
+
"IconEmail3",
|
|
672
|
+
"IconEmailNotification",
|
|
673
|
+
"IconEmailPlus",
|
|
674
|
+
],
|
|
675
|
+
camera: [
|
|
676
|
+
"IconCamera1",
|
|
677
|
+
"IconCamera2",
|
|
678
|
+
"IconCamera3",
|
|
679
|
+
"IconCamera4",
|
|
680
|
+
"IconCamera5",
|
|
681
|
+
"IconCameraAuto",
|
|
682
|
+
"IconCameraOff",
|
|
683
|
+
],
|
|
684
|
+
video: [
|
|
685
|
+
"IconVideo",
|
|
686
|
+
"IconVideoClip",
|
|
687
|
+
"IconVideoOff",
|
|
688
|
+
"IconVideoOn",
|
|
689
|
+
"IconVideoRoll",
|
|
690
|
+
"IconVideos",
|
|
691
|
+
],
|
|
692
|
+
music: [
|
|
693
|
+
"IconAudio",
|
|
694
|
+
"IconPlay",
|
|
695
|
+
"IconPause",
|
|
696
|
+
"IconStop",
|
|
697
|
+
"IconVolumeUp",
|
|
698
|
+
"IconVolumeDown",
|
|
699
|
+
"IconVolumeOff",
|
|
700
|
+
],
|
|
701
|
+
calendar: [
|
|
702
|
+
"IconCalendar1",
|
|
703
|
+
"IconCalendar2",
|
|
704
|
+
"IconCalendar3",
|
|
705
|
+
"IconCalendar4",
|
|
706
|
+
"IconCalendarAdd4",
|
|
707
|
+
"IconCalendarCheck",
|
|
708
|
+
],
|
|
709
|
+
clock: [
|
|
710
|
+
"IconClock",
|
|
711
|
+
"IconClockAlert",
|
|
712
|
+
"IconClockSnooze",
|
|
713
|
+
"IconClockSquare",
|
|
714
|
+
"IconStopwatch",
|
|
715
|
+
],
|
|
716
|
+
location: [
|
|
717
|
+
"IconLocation",
|
|
718
|
+
"IconMap",
|
|
719
|
+
"IconMapPin",
|
|
720
|
+
"IconMapPinFlat",
|
|
721
|
+
"IconPinLocation",
|
|
722
|
+
"IconPinCircle",
|
|
723
|
+
],
|
|
724
|
+
weather: [
|
|
725
|
+
"IconSun",
|
|
726
|
+
"IconMoon",
|
|
727
|
+
"IconCloud",
|
|
728
|
+
"IconRainy",
|
|
729
|
+
"IconSnowFlakes",
|
|
730
|
+
"IconLightning",
|
|
731
|
+
"IconWind",
|
|
732
|
+
],
|
|
733
|
+
social: [
|
|
734
|
+
"IconFacebook",
|
|
735
|
+
"IconTwitter",
|
|
736
|
+
"IconInstagram",
|
|
737
|
+
"IconLinkedin",
|
|
738
|
+
"IconGithub",
|
|
739
|
+
"IconDiscord",
|
|
740
|
+
"IconSlack",
|
|
741
|
+
],
|
|
742
|
+
payment: [
|
|
743
|
+
"IconCreditCard1",
|
|
744
|
+
"IconCreditCard2",
|
|
745
|
+
"IconDollar",
|
|
746
|
+
"IconEuro",
|
|
747
|
+
"IconWallet1",
|
|
748
|
+
"IconWallet2",
|
|
749
|
+
"IconWallet3",
|
|
750
|
+
"IconWallet4",
|
|
751
|
+
],
|
|
752
|
+
shopping: [
|
|
753
|
+
"IconShoppingBag1",
|
|
754
|
+
"IconShoppingBag2",
|
|
755
|
+
"IconShoppingBag3",
|
|
756
|
+
"IconShoppingBag4",
|
|
757
|
+
"IconBasket1",
|
|
758
|
+
"IconBasket2",
|
|
759
|
+
"IconPackage",
|
|
760
|
+
],
|
|
761
|
+
transport: [
|
|
762
|
+
"IconCar1",
|
|
763
|
+
"IconCar2",
|
|
764
|
+
"IconCar3",
|
|
765
|
+
"IconCar4",
|
|
766
|
+
"IconCar5",
|
|
767
|
+
"IconBike",
|
|
768
|
+
"IconBus",
|
|
769
|
+
"IconAirplane",
|
|
770
|
+
"IconTrainFrontView",
|
|
771
|
+
],
|
|
772
|
+
food: [
|
|
773
|
+
"IconBurger",
|
|
774
|
+
"IconPizza",
|
|
775
|
+
"IconSushi",
|
|
776
|
+
"IconCoffee",
|
|
777
|
+
"IconCup",
|
|
778
|
+
"IconFork",
|
|
779
|
+
"IconForkKnife",
|
|
780
|
+
"IconSteak",
|
|
781
|
+
],
|
|
782
|
+
sports: [
|
|
783
|
+
"IconSoccer",
|
|
784
|
+
"IconBasketball",
|
|
785
|
+
"IconTennis",
|
|
786
|
+
"IconGolfBall",
|
|
787
|
+
"IconBaseball",
|
|
788
|
+
"IconAmericanFootball",
|
|
789
|
+
"IconVolleyball",
|
|
790
|
+
],
|
|
791
|
+
gaming: [
|
|
792
|
+
"IconGamepad",
|
|
793
|
+
"IconGamepadControls",
|
|
794
|
+
"IconDice1",
|
|
795
|
+
"IconDice2",
|
|
796
|
+
"IconDice3",
|
|
797
|
+
"IconDice4",
|
|
798
|
+
"IconDice5",
|
|
799
|
+
"IconDice6",
|
|
800
|
+
],
|
|
801
|
+
work: [
|
|
802
|
+
"IconBriefcase",
|
|
803
|
+
"IconSuitcase",
|
|
804
|
+
"IconSuitcaseWork",
|
|
805
|
+
"IconDeskOffice",
|
|
806
|
+
"IconDeskOffice2",
|
|
807
|
+
"IconChair",
|
|
808
|
+
"IconChairModern",
|
|
809
|
+
],
|
|
810
|
+
education: [
|
|
811
|
+
"IconSchool",
|
|
812
|
+
"IconTeacher",
|
|
813
|
+
"IconTeacherWhiteboard",
|
|
814
|
+
"IconGraduateCap",
|
|
815
|
+
"IconBook",
|
|
816
|
+
"IconNotebook",
|
|
817
|
+
"IconNotepad",
|
|
818
|
+
],
|
|
819
|
+
health: [
|
|
820
|
+
"IconMedicinePill",
|
|
821
|
+
"IconMedicinePill2",
|
|
822
|
+
"IconMedicineTablett",
|
|
823
|
+
"IconInjection",
|
|
824
|
+
"IconLab",
|
|
825
|
+
"IconTestTube",
|
|
826
|
+
],
|
|
827
|
+
finance: [
|
|
828
|
+
"IconBank",
|
|
829
|
+
"IconBanknote1",
|
|
830
|
+
"IconBanknote2",
|
|
831
|
+
"IconCoins",
|
|
832
|
+
"IconBitcoin",
|
|
833
|
+
"IconEthereum",
|
|
834
|
+
"IconCrypto",
|
|
835
|
+
"IconTradingViewCandles",
|
|
836
|
+
],
|
|
837
|
+
technology: [
|
|
838
|
+
"IconChip",
|
|
839
|
+
"IconProcessor",
|
|
840
|
+
"IconServer1",
|
|
841
|
+
"IconServer2",
|
|
842
|
+
"IconStorage",
|
|
843
|
+
"IconUsb",
|
|
844
|
+
"IconUsbC",
|
|
845
|
+
"IconWifiFull",
|
|
846
|
+
"IconWifiWeak",
|
|
847
|
+
],
|
|
848
|
+
communication: [
|
|
849
|
+
"IconCall",
|
|
850
|
+
"IconCallIncoming",
|
|
851
|
+
"IconCallOutgoing",
|
|
852
|
+
"IconCallCancel",
|
|
853
|
+
"IconBubble2",
|
|
854
|
+
"IconBubble3",
|
|
855
|
+
"IconBubble4",
|
|
856
|
+
"IconBubble5",
|
|
857
|
+
"IconBubble6",
|
|
858
|
+
],
|
|
859
|
+
design: [
|
|
860
|
+
"IconBrush",
|
|
861
|
+
"IconColorPalette",
|
|
862
|
+
"IconColorPicker",
|
|
863
|
+
"IconPencil",
|
|
864
|
+
"IconEraser",
|
|
865
|
+
"IconRuler",
|
|
866
|
+
"IconBezier",
|
|
867
|
+
"IconBezierCurve",
|
|
868
|
+
],
|
|
869
|
+
development: [
|
|
870
|
+
"IconCode",
|
|
871
|
+
"IconCodeBrackets",
|
|
872
|
+
"IconBug",
|
|
873
|
+
"IconBugFace",
|
|
874
|
+
"IconConsole",
|
|
875
|
+
"IconDebugger",
|
|
876
|
+
"IconForkCode",
|
|
877
|
+
"IconPullRequest",
|
|
878
|
+
],
|
|
879
|
+
analytics: [
|
|
880
|
+
"IconAnalytics",
|
|
881
|
+
"IconChart1",
|
|
882
|
+
"IconChart2",
|
|
883
|
+
"IconChart3",
|
|
884
|
+
"IconChart4",
|
|
885
|
+
"IconChart5",
|
|
886
|
+
"IconChart6",
|
|
887
|
+
"IconChart7",
|
|
888
|
+
"IconTrending1",
|
|
889
|
+
"IconTrending2",
|
|
890
|
+
"IconTrending3",
|
|
891
|
+
"IconTrending4",
|
|
892
|
+
"IconTrending5",
|
|
893
|
+
],
|
|
894
|
+
security: [
|
|
895
|
+
"IconShield",
|
|
896
|
+
"IconShieldCheck",
|
|
897
|
+
"IconShieldCheck2",
|
|
898
|
+
"IconShieldCheck3",
|
|
899
|
+
"IconShieldBreak",
|
|
900
|
+
"IconShieldCrossed",
|
|
901
|
+
"IconShieldKeyhole",
|
|
902
|
+
"IconFirewall",
|
|
903
|
+
"IconVault",
|
|
904
|
+
"IconSafeSimple",
|
|
905
|
+
],
|
|
906
|
+
accessibility: [
|
|
907
|
+
"IconEyeOpen",
|
|
908
|
+
"IconEyeClosed",
|
|
909
|
+
"IconEyeSlash",
|
|
910
|
+
"IconEyeSlash2",
|
|
911
|
+
"IconEar",
|
|
912
|
+
"IconCirclePerson",
|
|
913
|
+
"IconWheelchair",
|
|
914
|
+
"IconImageAltText",
|
|
915
|
+
],
|
|
916
|
+
};
|
|
917
|
+
|
|
918
|
+
/**
|
|
919
|
+
* Helper function to find icons by search term
|
|
920
|
+
*/
|
|
921
|
+
export function findIconsByTerm(term: string): CentralIconName[] {
|
|
922
|
+
const normalizedTerm = term.toLowerCase();
|
|
923
|
+
return ICON_SEARCH_TERMS[normalizedTerm] || [];
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
/**
|
|
927
|
+
* Helper function to get category information
|
|
928
|
+
*/
|
|
929
|
+
export function getCategoryInfo(category: CentralIconCategory) {
|
|
930
|
+
return ICON_CATEGORIES[category];
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
/**
|
|
934
|
+
* Helper function to get all categories
|
|
935
|
+
*/
|
|
936
|
+
export function getAllCategories(): CentralIconCategory[] {
|
|
937
|
+
return Object.keys(ICON_CATEGORIES) as CentralIconCategory[];
|
|
938
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@central-icons-react/round-filled-radius-0-stroke-1",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.33",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
5
5
|
"homepage": "https://iconists.co/central",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -44,5 +44,83 @@
|
|
|
44
44
|
"tsup": "^8",
|
|
45
45
|
"typescript": "^5",
|
|
46
46
|
"prettier": "^3"
|
|
47
|
+
},
|
|
48
|
+
"keywords": [
|
|
49
|
+
"react",
|
|
50
|
+
"icons",
|
|
51
|
+
"svg",
|
|
52
|
+
"ui",
|
|
53
|
+
"design-system",
|
|
54
|
+
"round",
|
|
55
|
+
"filled",
|
|
56
|
+
"stroke-1",
|
|
57
|
+
"radius-0",
|
|
58
|
+
"central-icons",
|
|
59
|
+
"icon-library"
|
|
60
|
+
],
|
|
61
|
+
"description": "Round filled React icons with 0px radius and 1px stroke width. Part of the Central Icons React library.",
|
|
62
|
+
"author": "Central Icons",
|
|
63
|
+
"repository": {
|
|
64
|
+
"type": "git",
|
|
65
|
+
"url": "https://github.com/central-icons/central-core"
|
|
66
|
+
},
|
|
67
|
+
"bugs": {
|
|
68
|
+
"url": "https://github.com/central-icons/central-core/issues"
|
|
69
|
+
},
|
|
70
|
+
"centralIcons": {
|
|
71
|
+
"style": "round-filled-radius-0-stroke-1",
|
|
72
|
+
"iconCount": 1748,
|
|
73
|
+
"categories": [
|
|
74
|
+
"Accessibility",
|
|
75
|
+
"AI & Magic",
|
|
76
|
+
"Arrows",
|
|
77
|
+
"Augmented Reality",
|
|
78
|
+
"Building",
|
|
79
|
+
"Clouds",
|
|
80
|
+
"Code",
|
|
81
|
+
"Communication",
|
|
82
|
+
"Crypto",
|
|
83
|
+
"Devices & Signals",
|
|
84
|
+
"Edit",
|
|
85
|
+
"Filter & Settings",
|
|
86
|
+
"Folders & Files",
|
|
87
|
+
"Food",
|
|
88
|
+
"Furniture & Household",
|
|
89
|
+
"Gaming",
|
|
90
|
+
"Hands",
|
|
91
|
+
"Interface General",
|
|
92
|
+
"Keyboard",
|
|
93
|
+
"Layout",
|
|
94
|
+
"Location",
|
|
95
|
+
"Nature & Energy",
|
|
96
|
+
"People",
|
|
97
|
+
"Photography & Video",
|
|
98
|
+
"Security",
|
|
99
|
+
"Shopping & Payment",
|
|
100
|
+
"Social Media & Brands",
|
|
101
|
+
"Sound & Music",
|
|
102
|
+
"Sports",
|
|
103
|
+
"Statistics & Charts",
|
|
104
|
+
"Things",
|
|
105
|
+
"Time & Date",
|
|
106
|
+
"Typography",
|
|
107
|
+
"Weather"
|
|
108
|
+
],
|
|
109
|
+
"properties": {
|
|
110
|
+
"iconJoin": "round",
|
|
111
|
+
"iconFill": "filled",
|
|
112
|
+
"iconRadius": "0",
|
|
113
|
+
"iconStroke": "1"
|
|
114
|
+
},
|
|
115
|
+
"searchableTerms": [
|
|
116
|
+
"round icons",
|
|
117
|
+
"filled icons",
|
|
118
|
+
"sharp corners",
|
|
119
|
+
"1px stroke",
|
|
120
|
+
"react icons",
|
|
121
|
+
"svg icons",
|
|
122
|
+
"ui icons",
|
|
123
|
+
"design system icons"
|
|
124
|
+
]
|
|
47
125
|
}
|
|
48
126
|
}
|