@keyline-icons/react 0.1.4 → 0.3.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 +32 -1
- package/dist/duotone.js +132 -39
- package/dist/fill.d.ts +32 -1
- package/dist/fill.js +121 -28
- package/dist/index.d.ts +39 -1
- package/dist/index.js +121 -7
- package/dist/sharp-duotone.d.ts +485 -0
- package/dist/sharp-duotone.js +1450 -0
- package/dist/sharp-fill.d.ts +437 -0
- package/dist/sharp-fill.js +1306 -0
- package/dist/sharp.d.ts +590 -0
- package/dist/sharp.js +1765 -0
- package/package.json +14 -2
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @keyline-icons/react
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
585 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, 585 icons
|
|
45
|
+
import { Bell } from "@keyline-icons/react/duotone" // duotone, 480 icons
|
|
46
|
+
import { Bell } from "@keyline-icons/react/fill" // fill, 432 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
|
@@ -25,6 +25,7 @@ export declare function ArrowUpNarrowWide(props: IconProps): import("react").JSX
|
|
|
25
25
|
export declare function ArrowUpRightDashedPanel(props: IconProps): import("react").JSX.Element;
|
|
26
26
|
export declare function ArrowUpWideNarrow(props: IconProps): import("react").JSX.Element;
|
|
27
27
|
export declare function Award(props: IconProps): import("react").JSX.Element;
|
|
28
|
+
export declare function Ban(props: IconProps): import("react").JSX.Element;
|
|
28
29
|
export declare function BatteryFull(props: IconProps): import("react").JSX.Element;
|
|
29
30
|
export declare function BatteryLow(props: IconProps): import("react").JSX.Element;
|
|
30
31
|
export declare function BatteryMedium(props: IconProps): import("react").JSX.Element;
|
|
@@ -109,6 +110,7 @@ export declare function CircleNavigation(props: IconProps): import("react").JSX.
|
|
|
109
110
|
export declare function CircleOff(props: IconProps): import("react").JSX.Element;
|
|
110
111
|
export declare function CirclePause(props: IconProps): import("react").JSX.Element;
|
|
111
112
|
export declare function CirclePen(props: IconProps): import("react").JSX.Element;
|
|
113
|
+
export declare function CirclePercent(props: IconProps): import("react").JSX.Element;
|
|
112
114
|
export declare function CirclePlay(props: IconProps): import("react").JSX.Element;
|
|
113
115
|
export declare function CirclePlus(props: IconProps): import("react").JSX.Element;
|
|
114
116
|
export declare function CircleProgressCheck(props: IconProps): import("react").JSX.Element;
|
|
@@ -119,6 +121,8 @@ export declare function CircleProgressX(props: IconProps): import("react").JSX.E
|
|
|
119
121
|
export declare function CircleQuarter(props: IconProps): import("react").JSX.Element;
|
|
120
122
|
export declare function CircleQuestion(props: IconProps): import("react").JSX.Element;
|
|
121
123
|
export declare function CircleRecord(props: IconProps): import("react").JSX.Element;
|
|
124
|
+
export declare function CircleSquareDashed(props: IconProps): import("react").JSX.Element;
|
|
125
|
+
export declare function CircleSquare(props: IconProps): import("react").JSX.Element;
|
|
122
126
|
export declare function CircleStop(props: IconProps): import("react").JSX.Element;
|
|
123
127
|
export declare function CircleThreeQuarter(props: IconProps): import("react").JSX.Element;
|
|
124
128
|
export declare function CircleTrendingDown(props: IconProps): import("react").JSX.Element;
|
|
@@ -126,6 +130,8 @@ export declare function CircleTrendingUp(props: IconProps): import("react").JSX.
|
|
|
126
130
|
export declare function CircleUser(props: IconProps): import("react").JSX.Element;
|
|
127
131
|
export declare function CircleX(props: IconProps): import("react").JSX.Element;
|
|
128
132
|
export declare function Circle(props: IconProps): import("react").JSX.Element;
|
|
133
|
+
export declare function CirclesDashed(props: IconProps): import("react").JSX.Element;
|
|
134
|
+
export declare function Circles(props: IconProps): import("react").JSX.Element;
|
|
129
135
|
export declare function Clock1(props: IconProps): import("react").JSX.Element;
|
|
130
136
|
export declare function Clock10(props: IconProps): import("react").JSX.Element;
|
|
131
137
|
export declare function Clock11(props: IconProps): import("react").JSX.Element;
|
|
@@ -157,6 +163,7 @@ export declare function Coupon(props: IconProps): import("react").JSX.Element;
|
|
|
157
163
|
export declare function CreditCard(props: IconProps): import("react").JSX.Element;
|
|
158
164
|
export declare function CursorClick(props: IconProps): import("react").JSX.Element;
|
|
159
165
|
export declare function CursorDashedPanel(props: IconProps): import("react").JSX.Element;
|
|
166
|
+
export declare function CursorOff(props: IconProps): import("react").JSX.Element;
|
|
160
167
|
export declare function CursorPanel(props: IconProps): import("react").JSX.Element;
|
|
161
168
|
export declare function CursorSignal(props: IconProps): import("react").JSX.Element;
|
|
162
169
|
export declare function CursorText(props: IconProps): import("react").JSX.Element;
|
|
@@ -241,6 +248,13 @@ export declare function Grid2x2(props: IconProps): import("react").JSX.Element;
|
|
|
241
248
|
export declare function Grid2x3(props: IconProps): import("react").JSX.Element;
|
|
242
249
|
export declare function Grid3x2(props: IconProps): import("react").JSX.Element;
|
|
243
250
|
export declare function Grid3x3(props: IconProps): import("react").JSX.Element;
|
|
251
|
+
export declare function GridCirclesCheck(props: IconProps): import("react").JSX.Element;
|
|
252
|
+
export declare function GridCirclesX(props: IconProps): import("react").JSX.Element;
|
|
253
|
+
export declare function GridCircles(props: IconProps): import("react").JSX.Element;
|
|
254
|
+
export declare function GridSquaresCheck(props: IconProps): import("react").JSX.Element;
|
|
255
|
+
export declare function GridSquaresX(props: IconProps): import("react").JSX.Element;
|
|
256
|
+
export declare function GridSquares(props: IconProps): import("react").JSX.Element;
|
|
257
|
+
export declare function Hammer(props: IconProps): import("react").JSX.Element;
|
|
244
258
|
export declare function Handbag(props: IconProps): import("react").JSX.Element;
|
|
245
259
|
export declare function HeadphonesOff(props: IconProps): import("react").JSX.Element;
|
|
246
260
|
export declare function Headphones(props: IconProps): import("react").JSX.Element;
|
|
@@ -283,6 +297,7 @@ export declare function MapPinSearch(props: IconProps): import("react").JSX.Elem
|
|
|
283
297
|
export declare function MapPinX(props: IconProps): import("react").JSX.Element;
|
|
284
298
|
export declare function MapPin(props: IconProps): import("react").JSX.Element;
|
|
285
299
|
export declare function Map(props: IconProps): import("react").JSX.Element;
|
|
300
|
+
export declare function Megaphone(props: IconProps): import("react").JSX.Element;
|
|
286
301
|
export declare function MessageCheck(props: IconProps): import("react").JSX.Element;
|
|
287
302
|
export declare function MessageDot(props: IconProps): import("react").JSX.Element;
|
|
288
303
|
export declare function MessageMinus(props: IconProps): import("react").JSX.Element;
|
|
@@ -301,6 +316,7 @@ export declare function MusicNoteOff(props: IconProps): import("react").JSX.Elem
|
|
|
301
316
|
export declare function MusicNote(props: IconProps): import("react").JSX.Element;
|
|
302
317
|
export declare function Navigation(props: IconProps): import("react").JSX.Element;
|
|
303
318
|
export declare function OctagonAlert(props: IconProps): import("react").JSX.Element;
|
|
319
|
+
export declare function OctagonX(props: IconProps): import("react").JSX.Element;
|
|
304
320
|
export declare function Package(props: IconProps): import("react").JSX.Element;
|
|
305
321
|
export declare function PanelBottomCloseDashed(props: IconProps): import("react").JSX.Element;
|
|
306
322
|
export declare function PanelBottom(props: IconProps): import("react").JSX.Element;
|
|
@@ -314,8 +330,10 @@ export declare function Pause(props: IconProps): import("react").JSX.Element;
|
|
|
314
330
|
export declare function PenLine(props: IconProps): import("react").JSX.Element;
|
|
315
331
|
export declare function PenOff(props: IconProps): import("react").JSX.Element;
|
|
316
332
|
export declare function Pen(props: IconProps): import("react").JSX.Element;
|
|
333
|
+
export declare function PencilRuler(props: IconProps): import("react").JSX.Element;
|
|
317
334
|
export declare function PictureInPicture(props: IconProps): import("react").JSX.Element;
|
|
318
335
|
export declare function Play(props: IconProps): import("react").JSX.Element;
|
|
336
|
+
export declare function Plug(props: IconProps): import("react").JSX.Element;
|
|
319
337
|
export declare function Podium1(props: IconProps): import("react").JSX.Element;
|
|
320
338
|
export declare function Podium2(props: IconProps): import("react").JSX.Element;
|
|
321
339
|
export declare function Podium3(props: IconProps): import("react").JSX.Element;
|
|
@@ -333,6 +351,11 @@ export declare function Settings(props: IconProps): import("react").JSX.Element;
|
|
|
333
351
|
export declare function Shapes2(props: IconProps): import("react").JSX.Element;
|
|
334
352
|
export declare function Shapes(props: IconProps): import("react").JSX.Element;
|
|
335
353
|
export declare function Share(props: IconProps): import("react").JSX.Element;
|
|
354
|
+
export declare function ShieldCheck(props: IconProps): import("react").JSX.Element;
|
|
355
|
+
export declare function ShieldMinus(props: IconProps): import("react").JSX.Element;
|
|
356
|
+
export declare function ShieldPlus(props: IconProps): import("react").JSX.Element;
|
|
357
|
+
export declare function ShieldX(props: IconProps): import("react").JSX.Element;
|
|
358
|
+
export declare function Shield(props: IconProps): import("react").JSX.Element;
|
|
336
359
|
export declare function ShoppingBag(props: IconProps): import("react").JSX.Element;
|
|
337
360
|
export declare function ShoppingCart(props: IconProps): import("react").JSX.Element;
|
|
338
361
|
export declare function SignalHigh(props: IconProps): import("react").JSX.Element;
|
|
@@ -341,6 +364,8 @@ export declare function SignalMedium(props: IconProps): import("react").JSX.Elem
|
|
|
341
364
|
export declare function Signal(props: IconProps): import("react").JSX.Element;
|
|
342
365
|
export declare function SkipBack(props: IconProps): import("react").JSX.Element;
|
|
343
366
|
export declare function SkipForward(props: IconProps): import("react").JSX.Element;
|
|
367
|
+
export declare function Sliders2Horizontal(props: IconProps): import("react").JSX.Element;
|
|
368
|
+
export declare function Sliders2Vertical(props: IconProps): import("react").JSX.Element;
|
|
344
369
|
export declare function SmartphoneArrowDownLeft(props: IconProps): import("react").JSX.Element;
|
|
345
370
|
export declare function SmartphoneArrowDown(props: IconProps): import("react").JSX.Element;
|
|
346
371
|
export declare function SmartphoneArrowInDownRight(props: IconProps): import("react").JSX.Element;
|
|
@@ -406,6 +431,7 @@ export declare function SquareMoreVertical(props: IconProps): import("react").JS
|
|
|
406
431
|
export declare function SquareNavigation(props: IconProps): import("react").JSX.Element;
|
|
407
432
|
export declare function SquarePause(props: IconProps): import("react").JSX.Element;
|
|
408
433
|
export declare function SquarePen(props: IconProps): import("react").JSX.Element;
|
|
434
|
+
export declare function SquarePercent(props: IconProps): import("react").JSX.Element;
|
|
409
435
|
export declare function SquarePlay(props: IconProps): import("react").JSX.Element;
|
|
410
436
|
export declare function SquarePlus(props: IconProps): import("react").JSX.Element;
|
|
411
437
|
export declare function SquareQuarter(props: IconProps): import("react").JSX.Element;
|
|
@@ -425,11 +451,15 @@ export declare function Subtitles(props: IconProps): import("react").JSX.Element
|
|
|
425
451
|
export declare function Sun(props: IconProps): import("react").JSX.Element;
|
|
426
452
|
export declare function Sunrise(props: IconProps): import("react").JSX.Element;
|
|
427
453
|
export declare function Sunset(props: IconProps): import("react").JSX.Element;
|
|
428
|
-
export declare function
|
|
454
|
+
export declare function TagHorizontalEndPercent(props: IconProps): import("react").JSX.Element;
|
|
455
|
+
export declare function TagHorizontalEnd(props: IconProps): import("react").JSX.Element;
|
|
456
|
+
export declare function TagHorizontalStartPercent(props: IconProps): import("react").JSX.Element;
|
|
457
|
+
export declare function TagHorizontalStart(props: IconProps): import("react").JSX.Element;
|
|
429
458
|
export declare function Tag(props: IconProps): import("react").JSX.Element;
|
|
430
459
|
export declare function TerminalCursor(props: IconProps): import("react").JSX.Element;
|
|
431
460
|
export declare function ToggleOff(props: IconProps): import("react").JSX.Element;
|
|
432
461
|
export declare function ToggleOn(props: IconProps): import("react").JSX.Element;
|
|
462
|
+
export declare function Toolbox(props: IconProps): import("react").JSX.Element;
|
|
433
463
|
export declare function TriangleAlert(props: IconProps): import("react").JSX.Element;
|
|
434
464
|
export declare function Trophy(props: IconProps): import("react").JSX.Element;
|
|
435
465
|
export declare function Truck(props: IconProps): import("react").JSX.Element;
|
|
@@ -452,3 +482,4 @@ export declare function WifiLow(props: IconProps): import("react").JSX.Element;
|
|
|
452
482
|
export declare function WifiMedium(props: IconProps): import("react").JSX.Element;
|
|
453
483
|
export declare function WifiX(props: IconProps): import("react").JSX.Element;
|
|
454
484
|
export declare function Wifi(props: IconProps): import("react").JSX.Element;
|
|
485
|
+
export declare function Wrench(props: IconProps): import("react").JSX.Element;
|