naive-icons 1.0.0

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.
Files changed (113) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/LICENSE +21 -0
  3. package/README.en.md +278 -0
  4. package/README.md +278 -0
  5. package/assets/logo.svg +11 -0
  6. package/dist/index.d.mts +240 -0
  7. package/dist/index.d.ts +240 -0
  8. package/dist/index.js +876 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/index.mjs +772 -0
  11. package/dist/index.mjs.map +1 -0
  12. package/package.json +76 -0
  13. package/svg/airplane.svg +4 -0
  14. package/svg/anchor.svg +8 -0
  15. package/svg/apple.svg +7 -0
  16. package/svg/balloon.svg +9 -0
  17. package/svg/bear.svg +14 -0
  18. package/svg/bee.svg +12 -0
  19. package/svg/bell.svg +7 -0
  20. package/svg/bicycle.svg +12 -0
  21. package/svg/bird.svg +7 -0
  22. package/svg/book.svg +7 -0
  23. package/svg/bookmark.svg +4 -0
  24. package/svg/bulb.svg +7 -0
  25. package/svg/butterfly.svg +12 -0
  26. package/svg/cactus.svg +13 -0
  27. package/svg/cake.svg +8 -0
  28. package/svg/calendar.svg +10 -0
  29. package/svg/camera.svg +7 -0
  30. package/svg/candle.svg +8 -0
  31. package/svg/car.svg +6 -0
  32. package/svg/cart.svg +5 -0
  33. package/svg/cat.svg +11 -0
  34. package/svg/chat.svg +6 -0
  35. package/svg/check.svg +4 -0
  36. package/svg/cherry.svg +9 -0
  37. package/svg/clock.svg +6 -0
  38. package/svg/close.svg +5 -0
  39. package/svg/cloud.svg +5 -0
  40. package/svg/code.svg +5 -0
  41. package/svg/coffee.svg +7 -0
  42. package/svg/compass.svg +5 -0
  43. package/svg/credit-card.svg +6 -0
  44. package/svg/dog.svg +10 -0
  45. package/svg/donut.svg +10 -0
  46. package/svg/download.svg +5 -0
  47. package/svg/edit.svg +5 -0
  48. package/svg/eye.svg +6 -0
  49. package/svg/file.svg +6 -0
  50. package/svg/fish.svg +6 -0
  51. package/svg/flag.svg +5 -0
  52. package/svg/flame.svg +4 -0
  53. package/svg/flower.svg +8 -0
  54. package/svg/folder.svg +4 -0
  55. package/svg/fox.svg +11 -0
  56. package/svg/frog.svg +12 -0
  57. package/svg/gift.svg +7 -0
  58. package/svg/globe.svg +9 -0
  59. package/svg/headphones.svg +5 -0
  60. package/svg/heart.svg +5 -0
  61. package/svg/home.svg +7 -0
  62. package/svg/icecream.svg +9 -0
  63. package/svg/image.svg +6 -0
  64. package/svg/key.svg +7 -0
  65. package/svg/ladybug.svg +11 -0
  66. package/svg/lamp.svg +8 -0
  67. package/svg/leaf.svg +4 -0
  68. package/svg/lemon.svg +8 -0
  69. package/svg/location.svg +4 -0
  70. package/svg/lock.svg +6 -0
  71. package/svg/magnet.svg +5 -0
  72. package/svg/mail.svg +6 -0
  73. package/svg/map.svg +7 -0
  74. package/svg/mic.svg +6 -0
  75. package/svg/moon.svg +5 -0
  76. package/svg/mushroom.svg +11 -0
  77. package/svg/music.svg +5 -0
  78. package/svg/owl.svg +14 -0
  79. package/svg/paintbrush.svg +6 -0
  80. package/svg/pencil.svg +7 -0
  81. package/svg/penguin.svg +13 -0
  82. package/svg/phone.svg +3 -0
  83. package/svg/play.svg +4 -0
  84. package/svg/plus.svg +5 -0
  85. package/svg/rabbit.svg +16 -0
  86. package/svg/rainbow.svg +9 -0
  87. package/svg/refresh.svg +4 -0
  88. package/svg/rocket.svg +7 -0
  89. package/svg/sailboat.svg +8 -0
  90. package/svg/save.svg +7 -0
  91. package/svg/search.svg +5 -0
  92. package/svg/settings.svg +4 -0
  93. package/svg/share.svg +7 -0
  94. package/svg/shopping-bag.svg +7 -0
  95. package/svg/smile.svg +8 -0
  96. package/svg/snail.svg +12 -0
  97. package/svg/snowflake.svg +12 -0
  98. package/svg/star.svg +5 -0
  99. package/svg/strawberry.svg +10 -0
  100. package/svg/sun.svg +11 -0
  101. package/svg/tag.svg +4 -0
  102. package/svg/thermometer.svg +5 -0
  103. package/svg/thumbs-up.svg +4 -0
  104. package/svg/train.svg +14 -0
  105. package/svg/trash.svg +7 -0
  106. package/svg/tree.svg +6 -0
  107. package/svg/trophy.svg +8 -0
  108. package/svg/umbrella.svg +8 -0
  109. package/svg/upload.svg +5 -0
  110. package/svg/user.svg +7 -0
  111. package/svg/video.svg +5 -0
  112. package/svg/watermelon.svg +10 -0
  113. package/svg/wifi.svg +5 -0
@@ -0,0 +1,240 @@
1
+ import * as react from 'react';
2
+ import { SVGProps, FC } from 'react';
3
+
4
+ declare const AirplaneIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
5
+
6
+ declare const AnchorIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
7
+
8
+ declare const AppleIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
9
+
10
+ declare const BalloonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
11
+
12
+ declare const BearIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
13
+
14
+ declare const BeeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
15
+
16
+ declare const BellIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
17
+
18
+ declare const BicycleIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
19
+
20
+ declare const BirdIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
21
+
22
+ declare const BookIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
23
+
24
+ declare const BookmarkIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
25
+
26
+ declare const BulbIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
27
+
28
+ declare const ButterflyIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
29
+
30
+ declare const CactusIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
31
+
32
+ declare const CakeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
33
+
34
+ declare const CalendarIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
35
+
36
+ declare const CameraIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
37
+
38
+ declare const CandleIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
39
+
40
+ declare const CarIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
41
+
42
+ declare const CartIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
43
+
44
+ declare const CatIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
45
+
46
+ declare const ChatIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
47
+
48
+ declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
49
+
50
+ declare const CherryIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
51
+
52
+ declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
53
+
54
+ declare const CloseIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
55
+
56
+ declare const CloudIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
57
+
58
+ declare const CodeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
59
+
60
+ declare const CoffeeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
61
+
62
+ declare const CompassIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
63
+
64
+ declare const CreditCardIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
65
+
66
+ declare const DogIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
67
+
68
+ declare const DonutIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
69
+
70
+ declare const DownloadIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
71
+
72
+ declare const EditIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
73
+
74
+ declare const EyeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
75
+
76
+ declare const FileIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
77
+
78
+ declare const FishIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
79
+
80
+ declare const FlagIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
81
+
82
+ declare const FlameIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
83
+
84
+ declare const FlowerIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
85
+
86
+ declare const FolderIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
87
+
88
+ declare const FoxIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
89
+
90
+ declare const FrogIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
91
+
92
+ declare const GiftIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
93
+
94
+ declare const GlobeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
95
+
96
+ declare const HeadphonesIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
97
+
98
+ declare const HeartIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
99
+
100
+ declare const HomeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
101
+
102
+ declare const IcecreamIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
103
+
104
+ declare const ImageIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
105
+
106
+ declare const KeyIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
107
+
108
+ declare const LadybugIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
109
+
110
+ declare const LampIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
111
+
112
+ declare const LeafIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
113
+
114
+ declare const LemonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
115
+
116
+ declare const LocationIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
117
+
118
+ declare const LockIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
119
+
120
+ declare const MagnetIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
121
+
122
+ declare const MailIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
123
+
124
+ declare const MapIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
125
+
126
+ declare const MicIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
127
+
128
+ declare const MoonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
129
+
130
+ declare const MushroomIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
131
+
132
+ declare const MusicIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
133
+
134
+ declare const OwlIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
135
+
136
+ declare const PaintbrushIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
137
+
138
+ declare const PencilIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
139
+
140
+ declare const PenguinIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
141
+
142
+ declare const PhoneIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
143
+
144
+ declare const PlayIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
145
+
146
+ declare const PlusIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
147
+
148
+ declare const RabbitIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
149
+
150
+ declare const RainbowIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
151
+
152
+ declare const RefreshIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
153
+
154
+ declare const RocketIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
155
+
156
+ declare const SailboatIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
157
+
158
+ declare const SaveIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
159
+
160
+ declare const SearchIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
161
+
162
+ declare const SettingsIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
163
+
164
+ declare const ShareIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
165
+
166
+ declare const ShoppingBagIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
167
+
168
+ declare const SmileIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
169
+
170
+ declare const SnailIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
171
+
172
+ declare const SnowflakeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
173
+
174
+ declare const StarIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
175
+
176
+ declare const StrawberryIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
177
+
178
+ declare const SunIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
179
+
180
+ declare const TagIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
181
+
182
+ declare const ThermometerIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
183
+
184
+ declare const ThumbsUpIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
185
+
186
+ declare const TrainIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
187
+
188
+ declare const TrashIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
189
+
190
+ declare const TreeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
191
+
192
+ declare const TrophyIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
193
+
194
+ declare const UmbrellaIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
195
+
196
+ declare const UploadIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
197
+
198
+ declare const UserIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
199
+
200
+ declare const VideoIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
201
+
202
+ declare const WatermelonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
203
+
204
+ declare const WifiIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
205
+
206
+ /** Naive Icons 所有图标的通用 Props(继承原生 SVG 属性) */
207
+ interface IconProps extends SVGProps<SVGSVGElement> {
208
+ /** 图标尺寸,宽高相等,默认 24 */
209
+ size?: number | string;
210
+ /** 描边颜色,默认 currentColor */
211
+ color?: string;
212
+ /** 描边宽度,默认 3.5(相对 48x48 画布) */
213
+ strokeWidth?: number | string;
214
+ /** 填充色,默认 none */
215
+ fill?: string;
216
+ /** 无障碍标题 */
217
+ title?: string;
218
+ }
219
+ /** Naive Icons 调色板 */
220
+ declare const NAIVE_PALETTE: {
221
+ readonly ink: "#2A2A2A";
222
+ readonly navy: "#264653";
223
+ readonly orange: "#E76F51";
224
+ readonly yellow: "#E9C46A";
225
+ readonly pink: "#F4A6A4";
226
+ readonly green: "#588157";
227
+ readonly teal: "#2A9D8F";
228
+ readonly brown: "#8B5E3C";
229
+ readonly cream: "#FAEDCD";
230
+ };
231
+ type PaletteColor = keyof typeof NAIVE_PALETTE;
232
+ /** Naive Icons 图标组件名(共 101 个) */
233
+ type IconName = 'AirplaneIcon' | 'AnchorIcon' | 'AppleIcon' | 'BalloonIcon' | 'BearIcon' | 'BeeIcon' | 'BellIcon' | 'BicycleIcon' | 'BirdIcon' | 'BookIcon' | 'BookmarkIcon' | 'BulbIcon' | 'ButterflyIcon' | 'CactusIcon' | 'CakeIcon' | 'CalendarIcon' | 'CameraIcon' | 'CandleIcon' | 'CarIcon' | 'CartIcon' | 'CatIcon' | 'ChatIcon' | 'CheckIcon' | 'CherryIcon' | 'ClockIcon' | 'CloseIcon' | 'CloudIcon' | 'CodeIcon' | 'CoffeeIcon' | 'CompassIcon' | 'CreditCardIcon' | 'DogIcon' | 'DonutIcon' | 'DownloadIcon' | 'EditIcon' | 'EyeIcon' | 'FileIcon' | 'FishIcon' | 'FlagIcon' | 'FlameIcon' | 'FlowerIcon' | 'FolderIcon' | 'FoxIcon' | 'FrogIcon' | 'GiftIcon' | 'GlobeIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HomeIcon' | 'IcecreamIcon' | 'ImageIcon' | 'KeyIcon' | 'LadybugIcon' | 'LampIcon' | 'LeafIcon' | 'LemonIcon' | 'LocationIcon' | 'LockIcon' | 'MagnetIcon' | 'MailIcon' | 'MapIcon' | 'MicIcon' | 'MoonIcon' | 'MushroomIcon' | 'MusicIcon' | 'OwlIcon' | 'PaintbrushIcon' | 'PencilIcon' | 'PenguinIcon' | 'PhoneIcon' | 'PlayIcon' | 'PlusIcon' | 'RabbitIcon' | 'RainbowIcon' | 'RefreshIcon' | 'RocketIcon' | 'SailboatIcon' | 'SaveIcon' | 'SearchIcon' | 'SettingsIcon' | 'ShareIcon' | 'ShoppingBagIcon' | 'SmileIcon' | 'SnailIcon' | 'SnowflakeIcon' | 'StarIcon' | 'StrawberryIcon' | 'SunIcon' | 'TagIcon' | 'ThermometerIcon' | 'ThumbsUpIcon' | 'TrainIcon' | 'TrashIcon' | 'TreeIcon' | 'TrophyIcon' | 'UmbrellaIcon' | 'UploadIcon' | 'UserIcon' | 'VideoIcon' | 'WatermelonIcon' | 'WifiIcon';
234
+ /** Naive Icons 图标组件类型 */
235
+ type IconComponent = FC<IconProps>;
236
+ /** Naive Icons 图标分类 */
237
+ declare const ICON_CATEGORIES: readonly ["interface", "action", "media", "navigation", "communication", "nature", "animals", "food", "objects", "transport", "emoji"];
238
+ type IconCategory = (typeof ICON_CATEGORIES)[number];
239
+
240
+ export { AirplaneIcon, AnchorIcon, AppleIcon, BalloonIcon, BearIcon, BeeIcon, BellIcon, BicycleIcon, BirdIcon, BookIcon, BookmarkIcon, BulbIcon, ButterflyIcon, CactusIcon, CakeIcon, CalendarIcon, CameraIcon, CandleIcon, CarIcon, CartIcon, CatIcon, ChatIcon, CheckIcon, CherryIcon, ClockIcon, CloseIcon, CloudIcon, CodeIcon, CoffeeIcon, CompassIcon, CreditCardIcon, DogIcon, DonutIcon, DownloadIcon, EditIcon, EyeIcon, FileIcon, FishIcon, FlagIcon, FlameIcon, FlowerIcon, FolderIcon, FoxIcon, FrogIcon, GiftIcon, GlobeIcon, HeadphonesIcon, HeartIcon, HomeIcon, ICON_CATEGORIES, IcecreamIcon, type IconCategory, type IconComponent, type IconName, type IconProps, ImageIcon, KeyIcon, LadybugIcon, LampIcon, LeafIcon, LemonIcon, LocationIcon, LockIcon, MagnetIcon, MailIcon, MapIcon, MicIcon, MoonIcon, MushroomIcon, MusicIcon, NAIVE_PALETTE, OwlIcon, PaintbrushIcon, type PaletteColor, PencilIcon, PenguinIcon, PhoneIcon, PlayIcon, PlusIcon, RabbitIcon, RainbowIcon, RefreshIcon, RocketIcon, SailboatIcon, SaveIcon, SearchIcon, SettingsIcon, ShareIcon, ShoppingBagIcon, SmileIcon, SnailIcon, SnowflakeIcon, StarIcon, StrawberryIcon, SunIcon, TagIcon, ThermometerIcon, ThumbsUpIcon, TrainIcon, TrashIcon, TreeIcon, TrophyIcon, UmbrellaIcon, UploadIcon, UserIcon, VideoIcon, WatermelonIcon, WifiIcon };
@@ -0,0 +1,240 @@
1
+ import * as react from 'react';
2
+ import { SVGProps, FC } from 'react';
3
+
4
+ declare const AirplaneIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
5
+
6
+ declare const AnchorIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
7
+
8
+ declare const AppleIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
9
+
10
+ declare const BalloonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
11
+
12
+ declare const BearIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
13
+
14
+ declare const BeeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
15
+
16
+ declare const BellIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
17
+
18
+ declare const BicycleIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
19
+
20
+ declare const BirdIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
21
+
22
+ declare const BookIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
23
+
24
+ declare const BookmarkIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
25
+
26
+ declare const BulbIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
27
+
28
+ declare const ButterflyIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
29
+
30
+ declare const CactusIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
31
+
32
+ declare const CakeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
33
+
34
+ declare const CalendarIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
35
+
36
+ declare const CameraIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
37
+
38
+ declare const CandleIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
39
+
40
+ declare const CarIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
41
+
42
+ declare const CartIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
43
+
44
+ declare const CatIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
45
+
46
+ declare const ChatIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
47
+
48
+ declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
49
+
50
+ declare const CherryIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
51
+
52
+ declare const ClockIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
53
+
54
+ declare const CloseIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
55
+
56
+ declare const CloudIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
57
+
58
+ declare const CodeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
59
+
60
+ declare const CoffeeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
61
+
62
+ declare const CompassIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
63
+
64
+ declare const CreditCardIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
65
+
66
+ declare const DogIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
67
+
68
+ declare const DonutIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
69
+
70
+ declare const DownloadIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
71
+
72
+ declare const EditIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
73
+
74
+ declare const EyeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
75
+
76
+ declare const FileIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
77
+
78
+ declare const FishIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
79
+
80
+ declare const FlagIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
81
+
82
+ declare const FlameIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
83
+
84
+ declare const FlowerIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
85
+
86
+ declare const FolderIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
87
+
88
+ declare const FoxIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
89
+
90
+ declare const FrogIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
91
+
92
+ declare const GiftIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
93
+
94
+ declare const GlobeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
95
+
96
+ declare const HeadphonesIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
97
+
98
+ declare const HeartIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
99
+
100
+ declare const HomeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
101
+
102
+ declare const IcecreamIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
103
+
104
+ declare const ImageIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
105
+
106
+ declare const KeyIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
107
+
108
+ declare const LadybugIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
109
+
110
+ declare const LampIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
111
+
112
+ declare const LeafIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
113
+
114
+ declare const LemonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
115
+
116
+ declare const LocationIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
117
+
118
+ declare const LockIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
119
+
120
+ declare const MagnetIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
121
+
122
+ declare const MailIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
123
+
124
+ declare const MapIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
125
+
126
+ declare const MicIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
127
+
128
+ declare const MoonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
129
+
130
+ declare const MushroomIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
131
+
132
+ declare const MusicIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
133
+
134
+ declare const OwlIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
135
+
136
+ declare const PaintbrushIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
137
+
138
+ declare const PencilIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
139
+
140
+ declare const PenguinIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
141
+
142
+ declare const PhoneIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
143
+
144
+ declare const PlayIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
145
+
146
+ declare const PlusIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
147
+
148
+ declare const RabbitIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
149
+
150
+ declare const RainbowIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
151
+
152
+ declare const RefreshIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
153
+
154
+ declare const RocketIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
155
+
156
+ declare const SailboatIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
157
+
158
+ declare const SaveIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
159
+
160
+ declare const SearchIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
161
+
162
+ declare const SettingsIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
163
+
164
+ declare const ShareIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
165
+
166
+ declare const ShoppingBagIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
167
+
168
+ declare const SmileIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
169
+
170
+ declare const SnailIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
171
+
172
+ declare const SnowflakeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
173
+
174
+ declare const StarIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
175
+
176
+ declare const StrawberryIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
177
+
178
+ declare const SunIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
179
+
180
+ declare const TagIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
181
+
182
+ declare const ThermometerIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
183
+
184
+ declare const ThumbsUpIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
185
+
186
+ declare const TrainIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
187
+
188
+ declare const TrashIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
189
+
190
+ declare const TreeIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
191
+
192
+ declare const TrophyIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
193
+
194
+ declare const UmbrellaIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
195
+
196
+ declare const UploadIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
197
+
198
+ declare const UserIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
199
+
200
+ declare const VideoIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
201
+
202
+ declare const WatermelonIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
203
+
204
+ declare const WifiIcon: (props: SVGProps<SVGSVGElement>) => react.JSX.Element;
205
+
206
+ /** Naive Icons 所有图标的通用 Props(继承原生 SVG 属性) */
207
+ interface IconProps extends SVGProps<SVGSVGElement> {
208
+ /** 图标尺寸,宽高相等,默认 24 */
209
+ size?: number | string;
210
+ /** 描边颜色,默认 currentColor */
211
+ color?: string;
212
+ /** 描边宽度,默认 3.5(相对 48x48 画布) */
213
+ strokeWidth?: number | string;
214
+ /** 填充色,默认 none */
215
+ fill?: string;
216
+ /** 无障碍标题 */
217
+ title?: string;
218
+ }
219
+ /** Naive Icons 调色板 */
220
+ declare const NAIVE_PALETTE: {
221
+ readonly ink: "#2A2A2A";
222
+ readonly navy: "#264653";
223
+ readonly orange: "#E76F51";
224
+ readonly yellow: "#E9C46A";
225
+ readonly pink: "#F4A6A4";
226
+ readonly green: "#588157";
227
+ readonly teal: "#2A9D8F";
228
+ readonly brown: "#8B5E3C";
229
+ readonly cream: "#FAEDCD";
230
+ };
231
+ type PaletteColor = keyof typeof NAIVE_PALETTE;
232
+ /** Naive Icons 图标组件名(共 101 个) */
233
+ type IconName = 'AirplaneIcon' | 'AnchorIcon' | 'AppleIcon' | 'BalloonIcon' | 'BearIcon' | 'BeeIcon' | 'BellIcon' | 'BicycleIcon' | 'BirdIcon' | 'BookIcon' | 'BookmarkIcon' | 'BulbIcon' | 'ButterflyIcon' | 'CactusIcon' | 'CakeIcon' | 'CalendarIcon' | 'CameraIcon' | 'CandleIcon' | 'CarIcon' | 'CartIcon' | 'CatIcon' | 'ChatIcon' | 'CheckIcon' | 'CherryIcon' | 'ClockIcon' | 'CloseIcon' | 'CloudIcon' | 'CodeIcon' | 'CoffeeIcon' | 'CompassIcon' | 'CreditCardIcon' | 'DogIcon' | 'DonutIcon' | 'DownloadIcon' | 'EditIcon' | 'EyeIcon' | 'FileIcon' | 'FishIcon' | 'FlagIcon' | 'FlameIcon' | 'FlowerIcon' | 'FolderIcon' | 'FoxIcon' | 'FrogIcon' | 'GiftIcon' | 'GlobeIcon' | 'HeadphonesIcon' | 'HeartIcon' | 'HomeIcon' | 'IcecreamIcon' | 'ImageIcon' | 'KeyIcon' | 'LadybugIcon' | 'LampIcon' | 'LeafIcon' | 'LemonIcon' | 'LocationIcon' | 'LockIcon' | 'MagnetIcon' | 'MailIcon' | 'MapIcon' | 'MicIcon' | 'MoonIcon' | 'MushroomIcon' | 'MusicIcon' | 'OwlIcon' | 'PaintbrushIcon' | 'PencilIcon' | 'PenguinIcon' | 'PhoneIcon' | 'PlayIcon' | 'PlusIcon' | 'RabbitIcon' | 'RainbowIcon' | 'RefreshIcon' | 'RocketIcon' | 'SailboatIcon' | 'SaveIcon' | 'SearchIcon' | 'SettingsIcon' | 'ShareIcon' | 'ShoppingBagIcon' | 'SmileIcon' | 'SnailIcon' | 'SnowflakeIcon' | 'StarIcon' | 'StrawberryIcon' | 'SunIcon' | 'TagIcon' | 'ThermometerIcon' | 'ThumbsUpIcon' | 'TrainIcon' | 'TrashIcon' | 'TreeIcon' | 'TrophyIcon' | 'UmbrellaIcon' | 'UploadIcon' | 'UserIcon' | 'VideoIcon' | 'WatermelonIcon' | 'WifiIcon';
234
+ /** Naive Icons 图标组件类型 */
235
+ type IconComponent = FC<IconProps>;
236
+ /** Naive Icons 图标分类 */
237
+ declare const ICON_CATEGORIES: readonly ["interface", "action", "media", "navigation", "communication", "nature", "animals", "food", "objects", "transport", "emoji"];
238
+ type IconCategory = (typeof ICON_CATEGORIES)[number];
239
+
240
+ export { AirplaneIcon, AnchorIcon, AppleIcon, BalloonIcon, BearIcon, BeeIcon, BellIcon, BicycleIcon, BirdIcon, BookIcon, BookmarkIcon, BulbIcon, ButterflyIcon, CactusIcon, CakeIcon, CalendarIcon, CameraIcon, CandleIcon, CarIcon, CartIcon, CatIcon, ChatIcon, CheckIcon, CherryIcon, ClockIcon, CloseIcon, CloudIcon, CodeIcon, CoffeeIcon, CompassIcon, CreditCardIcon, DogIcon, DonutIcon, DownloadIcon, EditIcon, EyeIcon, FileIcon, FishIcon, FlagIcon, FlameIcon, FlowerIcon, FolderIcon, FoxIcon, FrogIcon, GiftIcon, GlobeIcon, HeadphonesIcon, HeartIcon, HomeIcon, ICON_CATEGORIES, IcecreamIcon, type IconCategory, type IconComponent, type IconName, type IconProps, ImageIcon, KeyIcon, LadybugIcon, LampIcon, LeafIcon, LemonIcon, LocationIcon, LockIcon, MagnetIcon, MailIcon, MapIcon, MicIcon, MoonIcon, MushroomIcon, MusicIcon, NAIVE_PALETTE, OwlIcon, PaintbrushIcon, type PaletteColor, PencilIcon, PenguinIcon, PhoneIcon, PlayIcon, PlusIcon, RabbitIcon, RainbowIcon, RefreshIcon, RocketIcon, SailboatIcon, SaveIcon, SearchIcon, SettingsIcon, ShareIcon, ShoppingBagIcon, SmileIcon, SnailIcon, SnowflakeIcon, StarIcon, StrawberryIcon, SunIcon, TagIcon, ThermometerIcon, ThumbsUpIcon, TrainIcon, TrashIcon, TreeIcon, TrophyIcon, UmbrellaIcon, UploadIcon, UserIcon, VideoIcon, WatermelonIcon, WifiIcon };