@keyline-icons/react 0.2.0 → 0.4.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.
- package/README.md +4 -4
- package/dist/duotone.d.ts +42 -0
- package/dist/duotone.js +173 -47
- package/dist/fill.d.ts +42 -0
- package/dist/fill.js +164 -38
- package/dist/index.d.ts +44 -0
- package/dist/index.js +138 -6
- package/dist/sharp-duotone.d.ts +527 -0
- package/dist/sharp-duotone.js +1576 -0
- package/dist/sharp-fill.d.ts +479 -0
- package/dist/sharp-fill.js +1432 -0
- package/dist/sharp.d.ts +634 -0
- package/dist/sharp.js +1897 -0
- package/package.json +14 -2
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @keyline-icons/react
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
629 icons on one 24×24 grid, as React components. Built for shadcn/ui, free
|
|
4
4
|
under MIT.
|
|
5
5
|
|
|
6
6
|
[keylineicons.com](https://keylineicons.com) to browse the full set.
|
|
@@ -41,9 +41,9 @@ scope. There is no provider, no context and no theme object.
|
|
|
41
41
|
**Three weights, three entry points.**
|
|
42
42
|
|
|
43
43
|
```tsx
|
|
44
|
-
import { Bell } from "@keyline-icons/react" // stroke,
|
|
45
|
-
import { Bell } from "@keyline-icons/react/duotone" // duotone,
|
|
46
|
-
import { Bell } from "@keyline-icons/react/fill" // fill,
|
|
44
|
+
import { Bell } from "@keyline-icons/react" // stroke, 629 icons
|
|
45
|
+
import { Bell } from "@keyline-icons/react/duotone" // duotone, 522 icons
|
|
46
|
+
import { Bell } from "@keyline-icons/react/fill" // fill, 474 icons
|
|
47
47
|
```
|
|
48
48
|
|
|
49
49
|
Separate imports rather than one component with a `weight` prop, because the
|
package/dist/duotone.d.ts
CHANGED
|
@@ -3,6 +3,11 @@ export type IconProps = Omit<SVGProps<SVGSVGElement>, "children"> & {
|
|
|
3
3
|
/** Rendered box in px. Matches lucide's `size` prop. */
|
|
4
4
|
size?: number | string;
|
|
5
5
|
};
|
|
6
|
+
export declare function AppCheck(props: IconProps): import("react").JSX.Element;
|
|
7
|
+
export declare function AppDot(props: IconProps): import("react").JSX.Element;
|
|
8
|
+
export declare function AppMinus(props: IconProps): import("react").JSX.Element;
|
|
9
|
+
export declare function AppPlus(props: IconProps): import("react").JSX.Element;
|
|
10
|
+
export declare function AppX(props: IconProps): import("react").JSX.Element;
|
|
6
11
|
export declare function Archive(props: IconProps): import("react").JSX.Element;
|
|
7
12
|
export declare function ArrowDownDashedPanel(props: IconProps): import("react").JSX.Element;
|
|
8
13
|
export declare function ArrowDownLeftDashedPanel(props: IconProps): import("react").JSX.Element;
|
|
@@ -39,6 +44,8 @@ export declare function BellX(props: IconProps): import("react").JSX.Element;
|
|
|
39
44
|
export declare function Bell(props: IconProps): import("react").JSX.Element;
|
|
40
45
|
export declare function Bin(props: IconProps): import("react").JSX.Element;
|
|
41
46
|
export declare function Bookmark(props: IconProps): import("react").JSX.Element;
|
|
47
|
+
export declare function Briefcase(props: IconProps): import("react").JSX.Element;
|
|
48
|
+
export declare function Bug(props: IconProps): import("react").JSX.Element;
|
|
42
49
|
export declare function Building(props: IconProps): import("react").JSX.Element;
|
|
43
50
|
export declare function CalendarArrowDown(props: IconProps): import("react").JSX.Element;
|
|
44
51
|
export declare function CalendarArrowLeft(props: IconProps): import("react").JSX.Element;
|
|
@@ -115,6 +122,7 @@ export declare function CirclePlay(props: IconProps): import("react").JSX.Elemen
|
|
|
115
122
|
export declare function CirclePlus(props: IconProps): import("react").JSX.Element;
|
|
116
123
|
export declare function CircleProgressCheck(props: IconProps): import("react").JSX.Element;
|
|
117
124
|
export declare function CircleProgressHalf(props: IconProps): import("react").JSX.Element;
|
|
125
|
+
export declare function CircleProgressPlay(props: IconProps): import("react").JSX.Element;
|
|
118
126
|
export declare function CircleProgressQuarter(props: IconProps): import("react").JSX.Element;
|
|
119
127
|
export declare function CircleProgressThreeQuarter(props: IconProps): import("react").JSX.Element;
|
|
120
128
|
export declare function CircleProgressX(props: IconProps): import("react").JSX.Element;
|
|
@@ -153,14 +161,21 @@ export declare function ClockMinus(props: IconProps): import("react").JSX.Elemen
|
|
|
153
161
|
export declare function ClockPlus(props: IconProps): import("react").JSX.Element;
|
|
154
162
|
export declare function ClockX(props: IconProps): import("react").JSX.Element;
|
|
155
163
|
export declare function Clock(props: IconProps): import("react").JSX.Element;
|
|
164
|
+
export declare function CloudAlert(props: IconProps): import("react").JSX.Element;
|
|
165
|
+
export declare function CloudCheck(props: IconProps): import("react").JSX.Element;
|
|
166
|
+
export declare function CloudMinus(props: IconProps): import("react").JSX.Element;
|
|
156
167
|
export declare function CloudOff(props: IconProps): import("react").JSX.Element;
|
|
168
|
+
export declare function CloudPlus(props: IconProps): import("react").JSX.Element;
|
|
157
169
|
export declare function CloudRain(props: IconProps): import("react").JSX.Element;
|
|
170
|
+
export declare function CloudX(props: IconProps): import("react").JSX.Element;
|
|
158
171
|
export declare function Cloud(props: IconProps): import("react").JSX.Element;
|
|
159
172
|
export declare function Compass(props: IconProps): import("react").JSX.Element;
|
|
160
173
|
export declare function CopyPlus(props: IconProps): import("react").JSX.Element;
|
|
161
174
|
export declare function Copy(props: IconProps): import("react").JSX.Element;
|
|
162
175
|
export declare function Coupon(props: IconProps): import("react").JSX.Element;
|
|
176
|
+
export declare function CreditCard2(props: IconProps): import("react").JSX.Element;
|
|
163
177
|
export declare function CreditCard(props: IconProps): import("react").JSX.Element;
|
|
178
|
+
export declare function Crown(props: IconProps): import("react").JSX.Element;
|
|
164
179
|
export declare function CursorClick(props: IconProps): import("react").JSX.Element;
|
|
165
180
|
export declare function CursorDashedPanel(props: IconProps): import("react").JSX.Element;
|
|
166
181
|
export declare function CursorOff(props: IconProps): import("react").JSX.Element;
|
|
@@ -195,6 +210,8 @@ export declare function FileText(props: IconProps): import("react").JSX.Element;
|
|
|
195
210
|
export declare function FileX(props: IconProps): import("react").JSX.Element;
|
|
196
211
|
export declare function File(props: IconProps): import("react").JSX.Element;
|
|
197
212
|
export declare function Filter(props: IconProps): import("react").JSX.Element;
|
|
213
|
+
export declare function FlagChequered(props: IconProps): import("react").JSX.Element;
|
|
214
|
+
export declare function Flag(props: IconProps): import("react").JSX.Element;
|
|
198
215
|
export declare function Flower(props: IconProps): import("react").JSX.Element;
|
|
199
216
|
export declare function FolderArrowDown(props: IconProps): import("react").JSX.Element;
|
|
200
217
|
export declare function FolderArrowLeft(props: IconProps): import("react").JSX.Element;
|
|
@@ -317,6 +334,15 @@ export declare function MusicNote(props: IconProps): import("react").JSX.Element
|
|
|
317
334
|
export declare function Navigation(props: IconProps): import("react").JSX.Element;
|
|
318
335
|
export declare function OctagonAlert(props: IconProps): import("react").JSX.Element;
|
|
319
336
|
export declare function OctagonX(props: IconProps): import("react").JSX.Element;
|
|
337
|
+
export declare function PackageAlert(props: IconProps): import("react").JSX.Element;
|
|
338
|
+
export declare function PackageArrowDown(props: IconProps): import("react").JSX.Element;
|
|
339
|
+
export declare function PackageArrowLeft(props: IconProps): import("react").JSX.Element;
|
|
340
|
+
export declare function PackageArrowRight(props: IconProps): import("react").JSX.Element;
|
|
341
|
+
export declare function PackageArrowUp(props: IconProps): import("react").JSX.Element;
|
|
342
|
+
export declare function PackageCheck(props: IconProps): import("react").JSX.Element;
|
|
343
|
+
export declare function PackageMinus(props: IconProps): import("react").JSX.Element;
|
|
344
|
+
export declare function PackagePlus(props: IconProps): import("react").JSX.Element;
|
|
345
|
+
export declare function PackageX(props: IconProps): import("react").JSX.Element;
|
|
320
346
|
export declare function Package(props: IconProps): import("react").JSX.Element;
|
|
321
347
|
export declare function PanelBottomCloseDashed(props: IconProps): import("react").JSX.Element;
|
|
322
348
|
export declare function PanelBottom(props: IconProps): import("react").JSX.Element;
|
|
@@ -326,6 +352,7 @@ export declare function PanelRightCloseDashed(props: IconProps): import("react")
|
|
|
326
352
|
export declare function PanelRight(props: IconProps): import("react").JSX.Element;
|
|
327
353
|
export declare function PanelTopCloseDashed(props: IconProps): import("react").JSX.Element;
|
|
328
354
|
export declare function PanelTop(props: IconProps): import("react").JSX.Element;
|
|
355
|
+
export declare function Parasol(props: IconProps): import("react").JSX.Element;
|
|
329
356
|
export declare function Pause(props: IconProps): import("react").JSX.Element;
|
|
330
357
|
export declare function PenLine(props: IconProps): import("react").JSX.Element;
|
|
331
358
|
export declare function PenOff(props: IconProps): import("react").JSX.Element;
|
|
@@ -341,12 +368,24 @@ export declare function Podium(props: IconProps): import("react").JSX.Element;
|
|
|
341
368
|
export declare function Queue(props: IconProps): import("react").JSX.Element;
|
|
342
369
|
export declare function Receipt(props: IconProps): import("react").JSX.Element;
|
|
343
370
|
export declare function Record(props: IconProps): import("react").JSX.Element;
|
|
371
|
+
export declare function Replay(props: IconProps): import("react").JSX.Element;
|
|
344
372
|
export declare function Rewind(props: IconProps): import("react").JSX.Element;
|
|
345
373
|
export declare function RouteOff(props: IconProps): import("react").JSX.Element;
|
|
346
374
|
export declare function Route(props: IconProps): import("react").JSX.Element;
|
|
375
|
+
export declare function Search2Check(props: IconProps): import("react").JSX.Element;
|
|
376
|
+
export declare function Search2List(props: IconProps): import("react").JSX.Element;
|
|
377
|
+
export declare function Search2Minus(props: IconProps): import("react").JSX.Element;
|
|
378
|
+
export declare function Search2Plus(props: IconProps): import("react").JSX.Element;
|
|
379
|
+
export declare function Search2X(props: IconProps): import("react").JSX.Element;
|
|
347
380
|
export declare function Search2(props: IconProps): import("react").JSX.Element;
|
|
381
|
+
export declare function SearchCheck(props: IconProps): import("react").JSX.Element;
|
|
382
|
+
export declare function SearchList(props: IconProps): import("react").JSX.Element;
|
|
383
|
+
export declare function SearchMinus(props: IconProps): import("react").JSX.Element;
|
|
384
|
+
export declare function SearchPlus(props: IconProps): import("react").JSX.Element;
|
|
385
|
+
export declare function SearchX(props: IconProps): import("react").JSX.Element;
|
|
348
386
|
export declare function Search(props: IconProps): import("react").JSX.Element;
|
|
349
387
|
export declare function Server(props: IconProps): import("react").JSX.Element;
|
|
388
|
+
export declare function SettingsDot(props: IconProps): import("react").JSX.Element;
|
|
350
389
|
export declare function Settings(props: IconProps): import("react").JSX.Element;
|
|
351
390
|
export declare function Shapes2(props: IconProps): import("react").JSX.Element;
|
|
352
391
|
export declare function Shapes(props: IconProps): import("react").JSX.Element;
|
|
@@ -460,9 +499,12 @@ export declare function TerminalCursor(props: IconProps): import("react").JSX.El
|
|
|
460
499
|
export declare function ToggleOff(props: IconProps): import("react").JSX.Element;
|
|
461
500
|
export declare function ToggleOn(props: IconProps): import("react").JSX.Element;
|
|
462
501
|
export declare function Toolbox(props: IconProps): import("react").JSX.Element;
|
|
502
|
+
export declare function TrafficLight(props: IconProps): import("react").JSX.Element;
|
|
463
503
|
export declare function TriangleAlert(props: IconProps): import("react").JSX.Element;
|
|
464
504
|
export declare function Trophy(props: IconProps): import("react").JSX.Element;
|
|
465
505
|
export declare function Truck(props: IconProps): import("react").JSX.Element;
|
|
506
|
+
export declare function UmbrellaOff(props: IconProps): import("react").JSX.Element;
|
|
507
|
+
export declare function Umbrella(props: IconProps): import("react").JSX.Element;
|
|
466
508
|
export declare function Unlock(props: IconProps): import("react").JSX.Element;
|
|
467
509
|
export declare function UserCheck(props: IconProps): import("react").JSX.Element;
|
|
468
510
|
export declare function UserMinus(props: IconProps): import("react").JSX.Element;
|