lucide-react 0.17.8 → 0.17.11
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 +72 -1
- package/dist/cjs/lucide-react.js.map +1 -1
- package/dist/esm/icons/baseline.js +12 -0
- package/dist/esm/icons/index.js +3 -0
- package/dist/esm/icons/keyboard.js +35 -0
- package/dist/esm/icons/waves.js +21 -0
- package/dist/lucide-react.d.ts +3 -0
- package/dist/umd/lucide-react.js +72 -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.11 - ISC
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
'use strict';
|
|
@@ -1357,6 +1357,18 @@ var BarChart = createReactComponent('BarChart', [['line', {
|
|
|
1357
1357
|
}]]);
|
|
1358
1358
|
var BarChart$1 = BarChart;
|
|
1359
1359
|
|
|
1360
|
+
var Baseline = createReactComponent('Baseline', [['path', {
|
|
1361
|
+
d: 'M4 20h16',
|
|
1362
|
+
key: '14thso'
|
|
1363
|
+
}], ['path', {
|
|
1364
|
+
d: 'M6 16l6-12 6 12',
|
|
1365
|
+
key: '192m56'
|
|
1366
|
+
}], ['path', {
|
|
1367
|
+
d: 'M8 12h8',
|
|
1368
|
+
key: '1wcyev'
|
|
1369
|
+
}]]);
|
|
1370
|
+
var Baseline$1 = Baseline;
|
|
1371
|
+
|
|
1360
1372
|
var BatteryCharging = createReactComponent('BatteryCharging', [['path', {
|
|
1361
1373
|
d: 'M14 7h2a2 2 0 012 2v6a2 2 0 01-2 2h-3',
|
|
1362
1374
|
key: 'me2ew4'
|
|
@@ -4921,6 +4933,41 @@ var Key = createReactComponent('Key', [['path', {
|
|
|
4921
4933
|
}]]);
|
|
4922
4934
|
var Key$1 = Key;
|
|
4923
4935
|
|
|
4936
|
+
var Keyboard = createReactComponent('Keyboard', [['rect', {
|
|
4937
|
+
x: '2',
|
|
4938
|
+
y: '4',
|
|
4939
|
+
width: '20',
|
|
4940
|
+
height: '16',
|
|
4941
|
+
rx: '2',
|
|
4942
|
+
ry: '2',
|
|
4943
|
+
key: 'xgg3gf'
|
|
4944
|
+
}], ['path', {
|
|
4945
|
+
d: 'M6 8h.001',
|
|
4946
|
+
key: '1ej0i3'
|
|
4947
|
+
}], ['path', {
|
|
4948
|
+
d: 'M10 8h.001',
|
|
4949
|
+
key: '1x2st2'
|
|
4950
|
+
}], ['path', {
|
|
4951
|
+
d: 'M14 8h.001',
|
|
4952
|
+
key: '1vkmyp'
|
|
4953
|
+
}], ['path', {
|
|
4954
|
+
d: 'M18 8h.001',
|
|
4955
|
+
key: 'kfsenl'
|
|
4956
|
+
}], ['path', {
|
|
4957
|
+
d: 'M8 12h.001',
|
|
4958
|
+
key: '1sjpby'
|
|
4959
|
+
}], ['path', {
|
|
4960
|
+
d: 'M12 12h.001',
|
|
4961
|
+
key: 'al75ts'
|
|
4962
|
+
}], ['path', {
|
|
4963
|
+
d: 'M16 12h.001',
|
|
4964
|
+
key: '931bgk'
|
|
4965
|
+
}], ['path', {
|
|
4966
|
+
d: 'M7 16h10',
|
|
4967
|
+
key: 'wp8him'
|
|
4968
|
+
}]]);
|
|
4969
|
+
var Keyboard$1 = Keyboard;
|
|
4970
|
+
|
|
4924
4971
|
var Landmark = createReactComponent('Landmark', [['line', {
|
|
4925
4972
|
x1: '3',
|
|
4926
4973
|
y1: '22',
|
|
@@ -9195,6 +9242,27 @@ var Watch = createReactComponent('Watch', [['circle', {
|
|
|
9195
9242
|
}]]);
|
|
9196
9243
|
var Watch$1 = Watch;
|
|
9197
9244
|
|
|
9245
|
+
var Waves = createReactComponent('Waves', [['path', {
|
|
9246
|
+
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',
|
|
9247
|
+
key: '1qhymo'
|
|
9248
|
+
}], ['path', {
|
|
9249
|
+
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',
|
|
9250
|
+
key: '12de71'
|
|
9251
|
+
}], ['path', {
|
|
9252
|
+
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',
|
|
9253
|
+
key: '9jl6hq'
|
|
9254
|
+
}], ['path', {
|
|
9255
|
+
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',
|
|
9256
|
+
key: '1f1syf'
|
|
9257
|
+
}], ['path', {
|
|
9258
|
+
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',
|
|
9259
|
+
key: '1bj8ah'
|
|
9260
|
+
}], ['path', {
|
|
9261
|
+
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',
|
|
9262
|
+
key: 'bc380f'
|
|
9263
|
+
}]]);
|
|
9264
|
+
var Waves$1 = Waves;
|
|
9265
|
+
|
|
9198
9266
|
var Webcam = createReactComponent('Webcam', [['circle', {
|
|
9199
9267
|
cx: '12',
|
|
9200
9268
|
cy: '10',
|
|
@@ -9517,6 +9585,7 @@ exports.Axe = Axe$1;
|
|
|
9517
9585
|
exports.Banknote = Banknote$1;
|
|
9518
9586
|
exports.BarChart = BarChart$1;
|
|
9519
9587
|
exports.BarChart2 = BarChart2$1;
|
|
9588
|
+
exports.Baseline = Baseline$1;
|
|
9520
9589
|
exports.Battery = Battery$1;
|
|
9521
9590
|
exports.BatteryCharging = BatteryCharging$1;
|
|
9522
9591
|
exports.BatteryFull = BatteryFull$1;
|
|
@@ -9750,6 +9819,7 @@ exports.Instagram = Instagram$1;
|
|
|
9750
9819
|
exports.Italic = Italic$1;
|
|
9751
9820
|
exports.JapaneseYen = JapaneseYen$1;
|
|
9752
9821
|
exports.Key = Key$1;
|
|
9822
|
+
exports.Keyboard = Keyboard$1;
|
|
9753
9823
|
exports.Landmark = Landmark$1;
|
|
9754
9824
|
exports.Languages = Languages$1;
|
|
9755
9825
|
exports.Laptop = Laptop$1;
|
|
@@ -10011,6 +10081,7 @@ exports.VolumeX = VolumeX$1;
|
|
|
10011
10081
|
exports.Wallet = Wallet$1;
|
|
10012
10082
|
exports.Wand = Wand$1;
|
|
10013
10083
|
exports.Watch = Watch$1;
|
|
10084
|
+
exports.Waves = Waves$1;
|
|
10014
10085
|
exports.Webcam = Webcam$1;
|
|
10015
10086
|
exports.Wifi = Wifi$1;
|
|
10016
10087
|
exports.WifiOff = WifiOff$1;
|