lucide-react 0.17.7 → 0.17.10
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 -9
- package/dist/cjs/lucide-react.js +99 -1
- package/dist/cjs/lucide-react.js.map +1 -1
- package/dist/esm/icons/index.js +3 -0
- package/dist/esm/icons/keyboard.js +35 -0
- package/dist/esm/icons/locate-off.js +39 -0
- package/dist/esm/icons/waves.js +21 -0
- package/dist/lucide-react.d.ts +3 -0
- package/dist/umd/lucide-react.js +99 -1
- package/dist/umd/lucide-react.js.map +1 -1
- package/dist/umd/lucide-react.min.js +2 -2
- package/dist/umd/lucide-react.min.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@ npm install lucide-react
|
|
|
16
16
|
|
|
17
17
|
## How to use
|
|
18
18
|
|
|
19
|
-
It's
|
|
19
|
+
It's built with ES modules so it's completely threeshakable.
|
|
20
20
|
Each icon can be imported as a react component.
|
|
21
21
|
|
|
22
22
|
### Example
|
|
@@ -25,9 +25,7 @@ You can pass additional props to adjust the icon.
|
|
|
25
25
|
|
|
26
26
|
``` js
|
|
27
27
|
import { Camera } from 'lucide-react';
|
|
28
|
-
// Returns ReactComponent
|
|
29
28
|
|
|
30
|
-
// Usage
|
|
31
29
|
const App = () => {
|
|
32
30
|
return <Camera color="red" size={48}/>
|
|
33
31
|
};
|
|
@@ -48,19 +46,16 @@ export default App;
|
|
|
48
46
|
You can also pass custom props that will be added in the svg as attributes.
|
|
49
47
|
|
|
50
48
|
``` js
|
|
51
|
-
// Usage
|
|
52
49
|
const App = () => {
|
|
53
50
|
return <Camera fill="red"/>
|
|
54
51
|
};
|
|
55
52
|
```
|
|
56
53
|
|
|
57
|
-
###
|
|
54
|
+
### Generic icon component
|
|
58
55
|
|
|
59
|
-
It is possible to create
|
|
56
|
+
It is possible to create a generic icon component to load icons.
|
|
60
57
|
|
|
61
|
-
> :warning:
|
|
62
|
-
|
|
63
|
-
#### Icon Component Example
|
|
58
|
+
> :warning: The example below is importing all ES modules. This is **not** recommended when you using a bundler since your application build size will grow substantially.
|
|
64
59
|
|
|
65
60
|
``` js
|
|
66
61
|
import * as icons from 'lucide-react';
|
package/dist/cjs/lucide-react.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* lucide-react v0.17.
|
|
2
|
+
* lucide-react v0.17.10 - ISC
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
'use strict';
|
|
@@ -4921,6 +4921,41 @@ var Key = createReactComponent('Key', [['path', {
|
|
|
4921
4921
|
}]]);
|
|
4922
4922
|
var Key$1 = Key;
|
|
4923
4923
|
|
|
4924
|
+
var Keyboard = createReactComponent('Keyboard', [['rect', {
|
|
4925
|
+
x: '2',
|
|
4926
|
+
y: '4',
|
|
4927
|
+
width: '20',
|
|
4928
|
+
height: '16',
|
|
4929
|
+
rx: '2',
|
|
4930
|
+
ry: '2',
|
|
4931
|
+
key: 'xgg3gf'
|
|
4932
|
+
}], ['path', {
|
|
4933
|
+
d: 'M6 8h.001',
|
|
4934
|
+
key: '1ej0i3'
|
|
4935
|
+
}], ['path', {
|
|
4936
|
+
d: 'M10 8h.001',
|
|
4937
|
+
key: '1x2st2'
|
|
4938
|
+
}], ['path', {
|
|
4939
|
+
d: 'M14 8h.001',
|
|
4940
|
+
key: '1vkmyp'
|
|
4941
|
+
}], ['path', {
|
|
4942
|
+
d: 'M18 8h.001',
|
|
4943
|
+
key: 'kfsenl'
|
|
4944
|
+
}], ['path', {
|
|
4945
|
+
d: 'M8 12h.001',
|
|
4946
|
+
key: '1sjpby'
|
|
4947
|
+
}], ['path', {
|
|
4948
|
+
d: 'M12 12h.001',
|
|
4949
|
+
key: 'al75ts'
|
|
4950
|
+
}], ['path', {
|
|
4951
|
+
d: 'M16 12h.001',
|
|
4952
|
+
key: '931bgk'
|
|
4953
|
+
}], ['path', {
|
|
4954
|
+
d: 'M7 16h10',
|
|
4955
|
+
key: 'wp8him'
|
|
4956
|
+
}]]);
|
|
4957
|
+
var Keyboard$1 = Keyboard;
|
|
4958
|
+
|
|
4924
4959
|
var Landmark = createReactComponent('Landmark', [['line', {
|
|
4925
4960
|
x1: '3',
|
|
4926
4961
|
y1: '22',
|
|
@@ -5562,6 +5597,45 @@ var LocateFixed = createReactComponent('LocateFixed', [['line', {
|
|
|
5562
5597
|
}]]);
|
|
5563
5598
|
var LocateFixed$1 = LocateFixed;
|
|
5564
5599
|
|
|
5600
|
+
var LocateOff = createReactComponent('LocateOff', [['line', {
|
|
5601
|
+
x1: '2',
|
|
5602
|
+
x2: '5',
|
|
5603
|
+
y1: '12',
|
|
5604
|
+
y2: '12',
|
|
5605
|
+
key: 'bvdh0s'
|
|
5606
|
+
}], ['line', {
|
|
5607
|
+
x1: '19',
|
|
5608
|
+
x2: '22',
|
|
5609
|
+
y1: '12',
|
|
5610
|
+
y2: '12',
|
|
5611
|
+
key: '1tbv5k'
|
|
5612
|
+
}], ['line', {
|
|
5613
|
+
x1: '12',
|
|
5614
|
+
x2: '12',
|
|
5615
|
+
y1: '2',
|
|
5616
|
+
y2: '5',
|
|
5617
|
+
key: '11lu5j'
|
|
5618
|
+
}], ['line', {
|
|
5619
|
+
x1: '12',
|
|
5620
|
+
x2: '12',
|
|
5621
|
+
y1: '19',
|
|
5622
|
+
y2: '22',
|
|
5623
|
+
key: 'x3vr5v'
|
|
5624
|
+
}], ['path', {
|
|
5625
|
+
d: 'M7.11 7.11C5.83 8.39 5 10.1 5 12c0 3.87 3.13 7 7 7 1.9 0 3.61-.83 4.89-2.11',
|
|
5626
|
+
key: '1oh7ia'
|
|
5627
|
+
}], ['path', {
|
|
5628
|
+
d: 'M18.71 13.96c.19-.63.29-1.29.29-1.96 0-3.87-3.13-7-7-7-.67 0-1.33.1-1.96.29',
|
|
5629
|
+
key: '3qdecy'
|
|
5630
|
+
}], ['line', {
|
|
5631
|
+
x1: '2',
|
|
5632
|
+
x2: '22',
|
|
5633
|
+
y1: '2',
|
|
5634
|
+
y2: '22',
|
|
5635
|
+
key: 'a6p6uj'
|
|
5636
|
+
}]]);
|
|
5637
|
+
var LocateOff$1 = LocateOff;
|
|
5638
|
+
|
|
5565
5639
|
var Locate = createReactComponent('Locate', [['line', {
|
|
5566
5640
|
x1: '2',
|
|
5567
5641
|
x2: '5',
|
|
@@ -9156,6 +9230,27 @@ var Watch = createReactComponent('Watch', [['circle', {
|
|
|
9156
9230
|
}]]);
|
|
9157
9231
|
var Watch$1 = Watch;
|
|
9158
9232
|
|
|
9233
|
+
var Waves = createReactComponent('Waves', [['path', {
|
|
9234
|
+
d: 'M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c1.3 0 1.9.5 2.5 1',
|
|
9235
|
+
key: '1qhymo'
|
|
9236
|
+
}], ['path', {
|
|
9237
|
+
d: 'M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1',
|
|
9238
|
+
key: '12de71'
|
|
9239
|
+
}], ['path', {
|
|
9240
|
+
d: 'M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1',
|
|
9241
|
+
key: '9jl6hq'
|
|
9242
|
+
}], ['path', {
|
|
9243
|
+
d: 'M12 6c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1',
|
|
9244
|
+
key: '1f1syf'
|
|
9245
|
+
}], ['path', {
|
|
9246
|
+
d: 'M12 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1',
|
|
9247
|
+
key: '1bj8ah'
|
|
9248
|
+
}], ['path', {
|
|
9249
|
+
d: 'M12 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1',
|
|
9250
|
+
key: 'bc380f'
|
|
9251
|
+
}]]);
|
|
9252
|
+
var Waves$1 = Waves;
|
|
9253
|
+
|
|
9159
9254
|
var Webcam = createReactComponent('Webcam', [['circle', {
|
|
9160
9255
|
cx: '12',
|
|
9161
9256
|
cy: '10',
|
|
@@ -9711,6 +9806,7 @@ exports.Instagram = Instagram$1;
|
|
|
9711
9806
|
exports.Italic = Italic$1;
|
|
9712
9807
|
exports.JapaneseYen = JapaneseYen$1;
|
|
9713
9808
|
exports.Key = Key$1;
|
|
9809
|
+
exports.Keyboard = Keyboard$1;
|
|
9714
9810
|
exports.Landmark = Landmark$1;
|
|
9715
9811
|
exports.Languages = Languages$1;
|
|
9716
9812
|
exports.Laptop = Laptop$1;
|
|
@@ -9741,6 +9837,7 @@ exports.Loader = Loader$1;
|
|
|
9741
9837
|
exports.Loader2 = Loader2$1;
|
|
9742
9838
|
exports.Locate = Locate$1;
|
|
9743
9839
|
exports.LocateFixed = LocateFixed$1;
|
|
9840
|
+
exports.LocateOff = LocateOff$1;
|
|
9744
9841
|
exports.Lock = Lock$1;
|
|
9745
9842
|
exports.LogIn = LogIn$1;
|
|
9746
9843
|
exports.LogOut = LogOut$1;
|
|
@@ -9971,6 +10068,7 @@ exports.VolumeX = VolumeX$1;
|
|
|
9971
10068
|
exports.Wallet = Wallet$1;
|
|
9972
10069
|
exports.Wand = Wand$1;
|
|
9973
10070
|
exports.Watch = Watch$1;
|
|
10071
|
+
exports.Waves = Waves$1;
|
|
9974
10072
|
exports.Webcam = Webcam$1;
|
|
9975
10073
|
exports.Wifi = Wifi$1;
|
|
9976
10074
|
exports.WifiOff = WifiOff$1;
|