Compare commits
21 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
bd3f24f160 | ||
|
|
8f6062317f | ||
|
|
8f63d828af | ||
|
|
fc2fac9ca4 | ||
|
|
cf13cef475 | ||
|
|
485ae6f531 | ||
|
|
398421367c | ||
|
|
8832051f96 | ||
|
|
ce80469ecc | ||
|
|
12f2b29ac7 | ||
|
|
7b7ee1fe63 | ||
|
|
baee6032c6 | ||
|
|
deae140a6e | ||
|
|
ca90159fce | ||
|
|
03e287f2c1 | ||
|
|
b79aebe284 | ||
|
|
a21600984d | ||
|
|
8b09a5c1ef | ||
|
|
66ac072870 | ||
|
|
c073a2c529 | ||
|
|
cedf113b54 |
30
.eslintrc.js
@@ -1,21 +1,21 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
"env": {
|
env: {
|
||||||
"browser": true,
|
browser: true,
|
||||||
"node": true
|
node: true
|
||||||
},
|
},
|
||||||
"extends": ["airbnb-base", "prettier"],
|
extends: ['airbnb-base', 'prettier'],
|
||||||
"plugins": ["import", "prettier"],
|
plugins: ['import', 'prettier'],
|
||||||
"rules": {
|
rules: {
|
||||||
"no-console": "off",
|
'no-console': 'off',
|
||||||
"no-param-reassign": "off",
|
'no-param-reassign': 'off',
|
||||||
"no-shadow": "off",
|
'no-shadow': 'off',
|
||||||
"no-use-before-define": "off",
|
'no-use-before-define': 'off',
|
||||||
"prettier/prettier": [
|
'prettier/prettier': [
|
||||||
"error",
|
'error',
|
||||||
{
|
{
|
||||||
"singleQuote": true,
|
singleQuote: true,
|
||||||
"trailingComma": "all"
|
trailingComma: 'all'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|||||||
@@ -17,6 +17,20 @@ Guidelines for pull requests:
|
|||||||
- __Make sure the target of your pull request is the relevant branch__. Most of bugfix or new feature should go to the `master` branch.
|
- __Make sure the target of your pull request is the relevant branch__. Most of bugfix or new feature should go to the `master` branch.
|
||||||
- __Include only related work__. If your pull request has unrelated commit, it won't be accepted.
|
- __Include only related work__. If your pull request has unrelated commit, it won't be accepted.
|
||||||
|
|
||||||
|
### Pull Requests Including Icons
|
||||||
|
|
||||||
|
#### Guidelines
|
||||||
|
|
||||||
|
Please make sure you follow the icon guidelines, that should be followed to keep quality and consistency when making icons for Lucide
|
||||||
|
Read it here: [ICON_GUIDELINES](docs/ICON_DESIGN_GUIDE.md)
|
||||||
|
|
||||||
|
#### Submitting Mulitple Icons
|
||||||
|
|
||||||
|
If you want submit multiple icons, please separate the icons and group them. That makes reviewing the icons easier and keep the thread clean and scoped.
|
||||||
|
So don't submit multiple icons in one PR that have noting to do with each other.
|
||||||
|
So for example don't create one PR with icons: `arrow-up`, `bicycle`, `arrow-down`.
|
||||||
|
Seperate them by two PRs; 'pr-01' `arrow`, `arrow-down` and 'pr-02' `bicycle`.
|
||||||
|
|
||||||
## Icon Requests
|
## Icon Requests
|
||||||
|
|
||||||
Before creating an icon request, please search to see if someone has requested the icon already. If there is an open request, please add a :+1:.
|
Before creating an icon request, please search to see if someone has requested the icon already. If there is an open request, please add a :+1:.
|
||||||
|
|||||||
15
README.md
@@ -21,6 +21,7 @@ Lucide is a community-run fork of [Feather Icons](https://github.com/feathericon
|
|||||||
* [Options](#additional-options)
|
* [Options](#additional-options)
|
||||||
* [Treeshake library](#treeshake-the-library-only-use-the-icons-you-use)
|
* [Treeshake library](#treeshake-the-library-only-use-the-icons-you-use)
|
||||||
* [Custom binding](#custom-element-binding)
|
* [Custom binding](#custom-element-binding)
|
||||||
|
* [React](#with-react)
|
||||||
* [Figma](#figma)
|
* [Figma](#figma)
|
||||||
* [Contributing](#contributing)
|
* [Contributing](#contributing)
|
||||||
* [Community](#community)
|
* [Community](#community)
|
||||||
@@ -148,6 +149,20 @@ const myApp = document.getElementById('app');
|
|||||||
myApp.appendChild(menuIcon);
|
myApp.appendChild(menuIcon);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### With React
|
||||||
|
|
||||||
|
You can also use the Lucide library using the react package.
|
||||||
|
|
||||||
|
```sh
|
||||||
|
yarn add lucide-react
|
||||||
|
|
||||||
|
# or
|
||||||
|
|
||||||
|
npm install lucide-react
|
||||||
|
```
|
||||||
|
|
||||||
|
For more details, see the [documentation](https://github.com/lucide-icons/lucide/blob/master/packages/lucide-react/README.md).
|
||||||
|
|
||||||
### Figma
|
### Figma
|
||||||
|
|
||||||
You can use the components from [this Figma file](https://www.figma.com/file/g0UipfQlRfGrntKPxZknM7/Featherity).
|
You can use the components from [this Figma file](https://www.figma.com/file/g0UipfQlRfGrntKPxZknM7/Featherity).
|
||||||
|
|||||||
15
icons/bike.svg
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<circle cx="5.5" cy="17.5" r="3.5" />
|
||||||
|
<circle cx="18.5" cy="17.5" r="3.5" />
|
||||||
|
<path d="M15 6a1 1 0 100-2 1 1 0 000 2zM12 17.5V14l-3-3 4-3 2 3h2" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 361 B |
1
icons/brush.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg width="24" height="24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M9.06 11.909l8.07-8.073a2.852 2.852 0 014.034 0 2.855 2.855 0 010 4.036l-8.069 8.073m-6.027-1.009c-1.66 0-3.001 1.352-3.001 3.028 0 1.322-2.501 1.513-2 2.018 1.08 1.09 2.49 2.018 4 2.018 2.212 0 4.002-1.806 4.002-4.036 0-1.676-1.34-3.028-3-3.028z"/></svg>
|
||||||
|
After Width: | Height: | Size: 417 B |
15
icons/bus.svg
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M19 17h2l.64-2.54a6 6 0 000-2.92l-1.07-4.27A3 3 0 0017.66 5H4a2 2 0 00-2 2v10h2m10 0h-4" />
|
||||||
|
<circle cx="6.5" cy="17.5" r="2.5" />
|
||||||
|
<circle cx="16.5" cy="17.5" r="2.5" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 392 B |
15
icons/car.svg
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M14 16H9m10 0h3v-3.15a1 1 0 00-.84-.99L16 11l-2.7-3.6a1 1 0 00-.8-.4H5.24a2 2 0 00-1.8 1.1l-.8 1.63A6 6 0 002 12.42V16h2" />
|
||||||
|
<circle cx="6.5" cy="16.5" r="2.5" />
|
||||||
|
<circle cx="16.5" cy="16.5" r="2.5" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 425 B |
13
icons/crown.svg
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M2 4L5 16H19L22 4L16 11L12 4L8 11L2 4ZM5 20H19" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 270 B |
16
icons/hand.svg
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M18 11V6a2 2 0 00-2-2v0a2 2 0 00-2 2v0" />
|
||||||
|
<path d="M14 10V4a2 2 0 00-2-2v0a2 2 0 00-2 2v2" />
|
||||||
|
<path d="M10 10.5V6a2 2 0 00-2-2v0a2 2 0 00-2 2v8" />
|
||||||
|
<path d="M18 8a2 2 0 114 0v6a8 8 0 01-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 012.83-2.82L7 15" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 480 B |
14
icons/laptop-2.svg
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<rect x="3" y="4" width="18" height="12" rx="2" ry="2" />
|
||||||
|
<line x1="2" y1="20" x2="22" y2="20" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 310 B |
18
icons/layout-list.svg
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<rect x="3" y="14" width="7" height="7" />
|
||||||
|
<rect x="3" y="3" width="7" height="7" />
|
||||||
|
<line x1="14" y1="4" x2="21" y2="4" />
|
||||||
|
<line x1="14" y1="9" x2="21" y2="9" />
|
||||||
|
<line x1="14" y1="15" x2="21" y2="15" />
|
||||||
|
<line x1="14" y1="20" x2="21" y2="20" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 465 B |
18
icons/locate-fixed.svg
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<line x1="2" x2="5" y1="12" y2="12" />
|
||||||
|
<line x1="19" x2="22" y1="12" y2="12" />
|
||||||
|
<line x1="12" x2="12" y1="2" y2="5" />
|
||||||
|
<line x1="12" x2="12" y1="19" y2="22" />
|
||||||
|
<circle cx="12" cy="12" r="7" />
|
||||||
|
<circle cx="12" cy="12" r="3" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 446 B |
17
icons/locate.svg
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<line x1="2" x2="5" y1="12" y2="12" />
|
||||||
|
<line x1="19" x2="22" y1="12" y2="12" />
|
||||||
|
<line x1="12" x2="12" y1="2" y2="5" />
|
||||||
|
<line x1="12" x2="12" y1="19" y2="22" />
|
||||||
|
<circle cx="12" cy="12" r="7" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 411 B |
17
icons/monitor-off.svg
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M17 17H4a2 2 0 01-2-2V5c0-1.5 1-2 1-2" />
|
||||||
|
<path d="M22 15V5a2 2 0 00-2-2H9" />
|
||||||
|
<path d="M8 21h8" />
|
||||||
|
<path d="M12 17v4" />
|
||||||
|
<path d="M2 2l20 20" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 373 B |
17
icons/palette.svg
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<circle cx="13.5" cy="6.5" r="0.5" />
|
||||||
|
<circle cx="17.5" cy="10.5" r="0.5" />
|
||||||
|
<circle cx="8.5" cy="7.5" r="0.5" />
|
||||||
|
<circle cx="6.5" cy="12.5" r="0.5" />
|
||||||
|
<path d="M12 2.0C6.5 2.0 2 6.5 2 12C2 17.5 6.5 22 12 22C12.9258 22 13.6484 21.2539 13.6484 20.3125C13.6484 19.875 13.4687 19.4766 13.2109 19.1875C12.9219 18.8984 12.7734 18.5352 12.7734 18.0625C12.7734 17.1172 13.5 16.3945 14.4414 16.3945H16.4375C19.4883 16.3945 21.9922 13.8906 21.9922 10.8398C21.9648 6.01172 17.4609 2.0 12 2.0Z" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 705 B |
13
icons/plane.svg
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M17.8 19.2L16 11L19.5 7.5C21 6 21.5 4 21 3C20 2.5 18 3 16.5 4.5L13 8L4.8 6.2C4.3 6.1 3.9 6.3 3.7 6.7L3.4 7.2C3.2 7.7 3.3 8.2 3.7 8.5L9 12L7 15H4L3 16L6 18L8 21L9 20V17L12 15L15.5 20.3C15.8 20.7 16.3 20.8 16.8 20.6L17.3 20.4C17.7 20.1 17.9 19.7 17.8 19.2Z" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 478 B |
23
icons/qr-code.svg
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<rect x="2" y="2" width="8" height="8" />
|
||||||
|
<path d="M6 6H6.01" />
|
||||||
|
<rect x="14" y="2" width="8" height="8" />
|
||||||
|
<path d="M18 6H18.01" />
|
||||||
|
<rect x="2" y="14" width="8" height="8" />
|
||||||
|
<path d="M6 18H6.01" />
|
||||||
|
<path d="M14 14H14.01" />
|
||||||
|
<path d="M18 18H18.01" />
|
||||||
|
<path d="M18 22L22 22L22 18" />
|
||||||
|
<path d="M14 18V22" />
|
||||||
|
<path d="M22 14L18 14" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 563 B |
15
icons/timer.svg
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<line x1="10" x2="14" y1="2" y2="2" />
|
||||||
|
<line x1="12" x2="15" y1="14" y2="11" />
|
||||||
|
<circle cx="12" cy="14" r="8" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 327 B |
@@ -9,8 +9,7 @@
|
|||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
stroke-linejoin="round"
|
stroke-linejoin="round"
|
||||||
>
|
>
|
||||||
<rect x="1" y="3" width="15" height="13" />
|
<path d="M10 17h4V5H2v12h3M20 17h2v-3.34a4 4 0 00-1.17-2.83L19 9h-5v8h1" />
|
||||||
<polygon points="16 8 20 8 23 11 23 16 16 16 16 8" />
|
<circle cx="7.5" cy="17.5" r="2.5" />
|
||||||
<circle cx="5.5" cy="18.5" r="2.5" />
|
<circle cx="17.5" cy="17.5" r="2.5" />
|
||||||
<circle cx="18.5" cy="18.5" r="2.5" />
|
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 391 B After Width: | Height: | Size: 367 B |
@@ -2,3 +2,4 @@
|
|||||||
base = "site/"
|
base = "site/"
|
||||||
publish = "build/"
|
publish = "build/"
|
||||||
command = "yarn deploy"
|
command = "yarn deploy"
|
||||||
|
ignore = "git diff --quiet origin/master HEAD ../icons ../site"
|
||||||
|
|||||||
26
package.json
@@ -1,12 +1,14 @@
|
|||||||
{
|
{
|
||||||
"name": "lucide",
|
"name": "lucide",
|
||||||
"description": "Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
|
"description": "Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
|
||||||
"version": "0.11.0",
|
"version": "0.12.0",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"amdName": "lucide",
|
|
||||||
"homepage": "https://lucide.netlify.app",
|
"homepage": "https://lucide.netlify.app",
|
||||||
"url": "https://github.com/owner/project/issues",
|
|
||||||
"repository": "github:lucide-icons/lucide",
|
"repository": "github:lucide-icons/lucide",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/lucide-icons/lucide/issues"
|
||||||
|
},
|
||||||
|
"amdName": "lucide",
|
||||||
"source": "build/lucide.js",
|
"source": "build/lucide.js",
|
||||||
"main": "dist/cjs/lucide.js",
|
"main": "dist/cjs/lucide.js",
|
||||||
"main:umd": "dist/umd/lucide.js",
|
"main:umd": "dist/umd/lucide.js",
|
||||||
@@ -15,11 +17,11 @@
|
|||||||
"sideEffects": false,
|
"sideEffects": false,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "babel-watch --watch src",
|
"start": "babel-watch --watch src",
|
||||||
"clean": "rimraf lib && rimraf dist && rimraf build",
|
"clean": "rimraf dist && rimraf build",
|
||||||
"build": "yarn clean && yarn build:move && yarn build:icons && yarn build:es && yarn build:bundles",
|
"build": "yarn clean && yarn build:move && yarn build:icons && yarn build:es && yarn build:bundles",
|
||||||
"build:move": "cp -av src build",
|
"build:move": "cp -av src build",
|
||||||
"build:icons": "npx babel-node ./scripts/buildIcons.js --presets @babel/env",
|
"build:icons": "npx babel-node ./scripts/buildIcons.js --presets @babel/env",
|
||||||
"build:es": "babel build -d dist/esm --ignore '**/*.test.js','**/__mocks__'",
|
"build:es": "babel build -d dist/esm",
|
||||||
"build:bundles": "rollup -c rollup.config.js",
|
"build:bundles": "rollup -c rollup.config.js",
|
||||||
"optimize": "npx babel-node ./scripts/optimizeSvgs.js --presets @babel/env",
|
"optimize": "npx babel-node ./scripts/optimizeSvgs.js --presets @babel/env",
|
||||||
"test": "jest"
|
"test": "jest"
|
||||||
@@ -30,20 +32,23 @@
|
|||||||
"@babel/cli": "^7.10.5",
|
"@babel/cli": "^7.10.5",
|
||||||
"@babel/core": "^7.11.1",
|
"@babel/core": "^7.11.1",
|
||||||
"@babel/node": "^7.10.5",
|
"@babel/node": "^7.10.5",
|
||||||
|
"@babel/plugin-transform-runtime": "^7.11.5",
|
||||||
"@babel/preset-env": "^7.11.0",
|
"@babel/preset-env": "^7.11.0",
|
||||||
"@rollup/plugin-babel": "^5.0.0",
|
"@rollup/plugin-babel": "^5.0.0",
|
||||||
"babel-jest": "^26.3.0",
|
"babel-jest": "^26.3.0",
|
||||||
"babel-plugin-add-import-extension": "^1.4.3",
|
"babel-plugin-add-import-extension": "^1.4.3",
|
||||||
"cheerio": "^1.0.0-rc.2",
|
"cheerio": "^1.0.0-rc.2",
|
||||||
|
"core-js": "3",
|
||||||
"eslint": "^4.19.1",
|
"eslint": "^4.19.1",
|
||||||
"eslint-config-airbnb-base": "^12.1.0",
|
"eslint-config-airbnb-base": "^12.1.0",
|
||||||
"eslint-config-prettier": "^2.9.0",
|
"eslint-config-prettier": "^2.9.0",
|
||||||
"eslint-plugin-import": "^2.5.0",
|
"eslint-plugin-import": "^2.5.0",
|
||||||
"eslint-plugin-prettier": "^2.5.0",
|
"eslint-plugin-prettier": "^2.5.0",
|
||||||
"html-minifier": "^3.5.8",
|
"html-minifier": "^3.5.8",
|
||||||
|
"htmlparser2": "^4.1.0",
|
||||||
"jest": "^26.4.2",
|
"jest": "^26.4.2",
|
||||||
"lodash": "^4.17.19",
|
"minimist": "^1.2.5",
|
||||||
"prettier": "^1.8.2",
|
"prettier": "1.17.1",
|
||||||
"rollup": "^2.7.3",
|
"rollup": "^2.7.3",
|
||||||
"rollup-plugin-commonjs": "^10.1.0",
|
"rollup-plugin-commonjs": "^10.1.0",
|
||||||
"rollup-plugin-license": "^2.0.0",
|
"rollup-plugin-license": "^2.0.0",
|
||||||
@@ -52,12 +57,5 @@
|
|||||||
"rollup-plugin-terser": "^5.2.0",
|
"rollup-plugin-terser": "^5.2.0",
|
||||||
"rollup-plugin-visualizer": "^4.1.0",
|
"rollup-plugin-visualizer": "^4.1.0",
|
||||||
"svgo": "^1.3.2"
|
"svgo": "^1.3.2"
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@babel/plugin-transform-runtime": "^7.11.5",
|
|
||||||
"core-js": "3",
|
|
||||||
"htmlparser2": "^4.1.0",
|
|
||||||
"lodash-es": "^4.17.15",
|
|
||||||
"prop-types": "^15.7.2"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
73
packages/lucide-react/README.md
Normal file
@@ -0,0 +1,73 @@
|
|||||||
|
# Lucide React
|
||||||
|
|
||||||
|
Use the lucide icon library in you react app.
|
||||||
|
|
||||||
|
## Installation
|
||||||
|
|
||||||
|
```sh
|
||||||
|
yarn add lucide-react
|
||||||
|
|
||||||
|
# or
|
||||||
|
|
||||||
|
npm install lucide-react
|
||||||
|
```
|
||||||
|
|
||||||
|
## How to use
|
||||||
|
|
||||||
|
It's build with ESmodules so it's completely threeshakable.
|
||||||
|
Each icon can be imported as an react component.
|
||||||
|
|
||||||
|
### Example
|
||||||
|
|
||||||
|
You can pass additional props to adjust the icon.
|
||||||
|
|
||||||
|
``` js
|
||||||
|
import { Camera } from 'lucide-react';
|
||||||
|
// Returns ReactComponent
|
||||||
|
|
||||||
|
// Usage
|
||||||
|
const App = () => {
|
||||||
|
return <Camera color="red" size={48}/>
|
||||||
|
};
|
||||||
|
|
||||||
|
export default App;
|
||||||
|
```
|
||||||
|
|
||||||
|
### Props
|
||||||
|
|
||||||
|
| name | type | default
|
||||||
|
| ------------ | -------- | --------
|
||||||
|
| `size` | *Number* | 24
|
||||||
|
| `color` | *String* | currentColor
|
||||||
|
| `strokeWidth`| *Number* | 2
|
||||||
|
|
||||||
|
### Custom props
|
||||||
|
|
||||||
|
You can also pass custom props that will be added in the svg as attributes.
|
||||||
|
|
||||||
|
``` js
|
||||||
|
// Usage
|
||||||
|
const App = () => {
|
||||||
|
return <Camera fill="red"/>
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
### One generic icon component
|
||||||
|
|
||||||
|
It is possible to create one generic icon component to load icons.
|
||||||
|
|
||||||
|
> :warning: Example below importing all EsModules, caution using this example, not recommended when you using bundlers.
|
||||||
|
|
||||||
|
#### Icon Component Example
|
||||||
|
|
||||||
|
``` js
|
||||||
|
import * as icons from 'lucide-react';
|
||||||
|
|
||||||
|
const Icon = ({name, color, size}) => {
|
||||||
|
const LucideIcon = icons[name];
|
||||||
|
|
||||||
|
return <LucideIcon color={color} size={size} />
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Icon;
|
||||||
|
```
|
||||||
4
packages/lucide-react/babel.config.js
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
// module.exports = require('../../babel.config');
|
||||||
|
module.exports = {
|
||||||
|
presets: ['react-app'],
|
||||||
|
};
|
||||||
12
packages/lucide-react/jest.config.js
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
module.exports = {
|
||||||
|
verbose: true,
|
||||||
|
roots: ['<rootDir>/src/', '<rootDir>/tests/'],
|
||||||
|
moduleFileExtensions: ['js'],
|
||||||
|
transformIgnorePatterns: [`/node_modules`],
|
||||||
|
moduleNameMapper: {
|
||||||
|
'^@/(.*)$': '<rootDir>/src/$1',
|
||||||
|
},
|
||||||
|
transform: {
|
||||||
|
'^.+\\.js$': 'babel-jest',
|
||||||
|
},
|
||||||
|
};
|
||||||
37
packages/lucide-react/package.json
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
{
|
||||||
|
"name": "lucide-react",
|
||||||
|
"description": "Lucide React package, Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
|
||||||
|
"version": "0.12.0",
|
||||||
|
"license": "ISC",
|
||||||
|
"amdName": "lucide-react",
|
||||||
|
"source": "build/lucide-react.js",
|
||||||
|
"main": "dist/cjs/lucide-react.js",
|
||||||
|
"main:umd": "dist/umd/lucide-react.js",
|
||||||
|
"module": "dist/esm/lucide-react.js",
|
||||||
|
"unpkg": "dist/umd/lucide-react.min.js",
|
||||||
|
"repository": "github:lucide-icons/lucide",
|
||||||
|
"author": "Eric Fennis",
|
||||||
|
"scripts": {
|
||||||
|
"build": "yarn clean && yarn build:move && yarn build:icons && yarn build:es && yarn build:bundles",
|
||||||
|
"clean": "rm -rf dist && rm -rf build",
|
||||||
|
"build:move": "cp -av src build",
|
||||||
|
"build:icons": "yarn --cwd ../../ build:icons --output=../packages/lucide-react/build --templateSrc=../packages/lucide-react/scripts/exportTemplate --camelizeAttrs --renderUniqueKey",
|
||||||
|
"build:es": "yarn --cwd ../../ babel packages/lucide-react/build -d packages/lucide-react/dist/esm",
|
||||||
|
"build:bundles": "yarn --cwd ../../ rollup -c packages/lucide-react/rollup.config.js",
|
||||||
|
"test": "jest"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"react": "^17.0.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"babel-preset-react-app": "^10.0.0",
|
||||||
|
"jest": "^26.6.3",
|
||||||
|
"lucide": "file:../..",
|
||||||
|
"react-test-renderer": "^17.0.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"react": "^17.0.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
47
packages/lucide-react/rollup.config.js
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
const plugins = require('lucide/rollup.plugins');
|
||||||
|
const pkg = require('./package.json');
|
||||||
|
|
||||||
|
const outputFileName = pkg.name;
|
||||||
|
const rootDir = 'packages/lucide-react'; // It runs from the root
|
||||||
|
const outputDir = `${rootDir}/dist`;
|
||||||
|
const inputs = [`${rootDir}/build/lucide-react.js`];
|
||||||
|
const bundles = [
|
||||||
|
{
|
||||||
|
format: 'umd',
|
||||||
|
inputs,
|
||||||
|
outputDir,
|
||||||
|
minify: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
format: 'umd',
|
||||||
|
inputs,
|
||||||
|
outputDir,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
format: 'cjs',
|
||||||
|
inputs,
|
||||||
|
outputDir,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const configs = bundles
|
||||||
|
.map(({ inputs, outputDir, format, minify }) =>
|
||||||
|
inputs.map(input => ({
|
||||||
|
input,
|
||||||
|
plugins: plugins(pkg, minify),
|
||||||
|
external: ['react', 'prop-types'],
|
||||||
|
output: {
|
||||||
|
name: outputFileName,
|
||||||
|
file: `${outputDir}/${format}/${outputFileName}${minify ? '.min' : ''}.js`,
|
||||||
|
format,
|
||||||
|
sourcemap: true,
|
||||||
|
globals: {
|
||||||
|
react: 'react',
|
||||||
|
'prop-types': 'PropTypes',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})),
|
||||||
|
)
|
||||||
|
.flat();
|
||||||
|
|
||||||
|
export default configs;
|
||||||
7
packages/lucide-react/scripts/exportTemplate.js
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
export default ({ componentName, node }) => `
|
||||||
|
import createReactComponent from '../createReactComponent';
|
||||||
|
|
||||||
|
const ${componentName} = createReactComponent('${componentName}', ${node});
|
||||||
|
|
||||||
|
export default ${componentName};
|
||||||
|
`;
|
||||||
31
packages/lucide-react/src/createReactComponent.js
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
import { forwardRef, createElement } from 'react';
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
|
export default (iconName, [tag, attrs, children]) => {
|
||||||
|
const Component = forwardRef(
|
||||||
|
({ color = 'currentColor', size = 24, strokeWidth = 2, ...rest }, ref) =>
|
||||||
|
createElement(
|
||||||
|
tag,
|
||||||
|
{
|
||||||
|
ref,
|
||||||
|
...attrs,
|
||||||
|
width: size,
|
||||||
|
height: size,
|
||||||
|
color,
|
||||||
|
strokeWidth,
|
||||||
|
...rest,
|
||||||
|
},
|
||||||
|
children.map(([childTag, childAttrs]) => createElement(childTag, childAttrs)),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
Component.propTypes = {
|
||||||
|
color: PropTypes.string,
|
||||||
|
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
||||||
|
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
||||||
|
};
|
||||||
|
|
||||||
|
Component.displayName = `${iconName}`;
|
||||||
|
|
||||||
|
return Component;
|
||||||
|
};
|
||||||
5
packages/lucide-react/src/icons/index.js
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
/*
|
||||||
|
Icons exports.
|
||||||
|
|
||||||
|
Will be generated
|
||||||
|
*/
|
||||||
1
packages/lucide-react/src/lucide-react.js
Normal file
@@ -0,0 +1 @@
|
|||||||
|
export * from './icons';
|
||||||
@@ -0,0 +1,97 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Using lucide icon components should adjust the size, stroke color and stroke width 1`] = `
|
||||||
|
<svg
|
||||||
|
color="currentColor"
|
||||||
|
fill="none"
|
||||||
|
height={48}
|
||||||
|
stroke="red"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth={4}
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={48}
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
height="18"
|
||||||
|
rx="2"
|
||||||
|
ry="2"
|
||||||
|
width="18"
|
||||||
|
x="3"
|
||||||
|
y="3"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="3"
|
||||||
|
x2="21"
|
||||||
|
y1="9"
|
||||||
|
y2="9"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="3"
|
||||||
|
x2="21"
|
||||||
|
y1="15"
|
||||||
|
y2="15"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="9"
|
||||||
|
x2="9"
|
||||||
|
y1="3"
|
||||||
|
y2="21"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="15"
|
||||||
|
x2="15"
|
||||||
|
y1="3"
|
||||||
|
y2="21"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`Using lucide icon components should render an component 1`] = `
|
||||||
|
<svg
|
||||||
|
color="currentColor"
|
||||||
|
fill="none"
|
||||||
|
height={24}
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth={2}
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width={24}
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
height="18"
|
||||||
|
rx="2"
|
||||||
|
ry="2"
|
||||||
|
width="18"
|
||||||
|
x="3"
|
||||||
|
y="3"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="3"
|
||||||
|
x2="21"
|
||||||
|
y1="9"
|
||||||
|
y2="9"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="3"
|
||||||
|
x2="21"
|
||||||
|
y1="15"
|
||||||
|
y2="15"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="9"
|
||||||
|
x2="9"
|
||||||
|
y1="3"
|
||||||
|
y2="21"
|
||||||
|
/>
|
||||||
|
<line
|
||||||
|
x1="15"
|
||||||
|
x2="15"
|
||||||
|
y1="3"
|
||||||
|
y2="21"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
`;
|
||||||
27
packages/lucide-react/tests/lucide-react.spec.js
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import renderer from 'react-test-renderer';
|
||||||
|
import { Grid } from '..'
|
||||||
|
|
||||||
|
describe('Using lucide icon components', () => {
|
||||||
|
it('should render an component', () => {
|
||||||
|
const component = renderer.create(
|
||||||
|
<Grid/>,
|
||||||
|
);
|
||||||
|
|
||||||
|
let tree = component.toJSON();
|
||||||
|
expect(tree).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should adjust the size, stroke color and stroke width', () => {
|
||||||
|
const component = renderer.create(
|
||||||
|
<Grid
|
||||||
|
size={48}
|
||||||
|
stroke="red"
|
||||||
|
strokeWidth={4}
|
||||||
|
/>,
|
||||||
|
);
|
||||||
|
|
||||||
|
let tree = component.toJSON();
|
||||||
|
expect(tree).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
})
|
||||||
4643
packages/lucide-react/yarn.lock
Normal file
@@ -1,140 +0,0 @@
|
|||||||
const cheerio = require("cheerio");
|
|
||||||
const fs = require("fs");
|
|
||||||
const path = require("path");
|
|
||||||
const prettier = require("prettier");
|
|
||||||
const upperCamelCase = require("uppercamelcase");
|
|
||||||
|
|
||||||
const directory = path.join(process.cwd(), "../../icons");
|
|
||||||
|
|
||||||
function getAllData() {
|
|
||||||
const fileNames = fs.readdirSync(directory);
|
|
||||||
|
|
||||||
return fileNames.map((fileName) => {
|
|
||||||
const name = fileName.replace(/\.svg$/, "");
|
|
||||||
const fullPath = path.join(directory, `${name}.svg`);
|
|
||||||
const fileContents = fs.readFileSync(fullPath, "utf8");
|
|
||||||
|
|
||||||
const $ = cheerio.load(fileContents);
|
|
||||||
const content = $("svg").html();
|
|
||||||
|
|
||||||
return {
|
|
||||||
name,
|
|
||||||
src: fileContents,
|
|
||||||
content,
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const icons = getAllData();
|
|
||||||
|
|
||||||
const dir = path.join(process.cwd(), "src/icons");
|
|
||||||
|
|
||||||
if (!fs.existsSync(dir)) {
|
|
||||||
fs.mkdirSync(dir);
|
|
||||||
}
|
|
||||||
|
|
||||||
const initialTypeDefinitions = `/// <reference types="react" />
|
|
||||||
import { FC, SVGAttributes } from "react";
|
|
||||||
|
|
||||||
interface Props extends SVGAttributes<SVGElement> {
|
|
||||||
color?: string;
|
|
||||||
size?: string | number;
|
|
||||||
width?: string | number;
|
|
||||||
}
|
|
||||||
|
|
||||||
type Icon = FC<Props>;
|
|
||||||
`;
|
|
||||||
|
|
||||||
fs.writeFileSync(path.join(process.cwd(), "src", "index.js"), "", "utf-8");
|
|
||||||
fs.writeFileSync(
|
|
||||||
path.join(process.cwd(), "src", "index.d.ts"),
|
|
||||||
initialTypeDefinitions,
|
|
||||||
"utf-8"
|
|
||||||
);
|
|
||||||
|
|
||||||
const attrsToString = (attrs) => {
|
|
||||||
return Object.keys(attrs)
|
|
||||||
.map((key) => {
|
|
||||||
if (
|
|
||||||
key === "width" ||
|
|
||||||
key === "height" ||
|
|
||||||
key === "stroke" ||
|
|
||||||
key === "strokeWidth"
|
|
||||||
) {
|
|
||||||
return key + "={" + attrs[key] + "}";
|
|
||||||
}
|
|
||||||
if (key === "rest") {
|
|
||||||
return "{...rest}";
|
|
||||||
}
|
|
||||||
return key + '="' + attrs[key] + '"';
|
|
||||||
})
|
|
||||||
.join(" ");
|
|
||||||
};
|
|
||||||
|
|
||||||
icons.forEach((i) => {
|
|
||||||
const location = path.join(process.cwd(), "src/icons", `${i.name}.js`);
|
|
||||||
const ComponentName = i.name === "github" ? "GitHub" : upperCamelCase(i.name);
|
|
||||||
const defaultAttrs = {
|
|
||||||
xmlns: "http://www.w3.org/2000/svg",
|
|
||||||
width: "size",
|
|
||||||
height: "size",
|
|
||||||
viewBox: "0 0 24 24",
|
|
||||||
fill: "none",
|
|
||||||
stroke: "color",
|
|
||||||
strokeWidth: "width",
|
|
||||||
strokeLinecap: "round",
|
|
||||||
strokeLinejoin: "round",
|
|
||||||
rest: "...rest",
|
|
||||||
};
|
|
||||||
|
|
||||||
const element = `
|
|
||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ${ComponentName} = forwardRef(({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg ref={ref} ${attrsToString(defaultAttrs)}>
|
|
||||||
${i.content}
|
|
||||||
</svg>
|
|
||||||
)
|
|
||||||
});
|
|
||||||
|
|
||||||
${ComponentName}.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([
|
|
||||||
PropTypes.string,
|
|
||||||
PropTypes.number
|
|
||||||
]),
|
|
||||||
width: PropTypes.oneOfType([
|
|
||||||
PropTypes.string,
|
|
||||||
PropTypes.number
|
|
||||||
]),
|
|
||||||
}
|
|
||||||
|
|
||||||
${ComponentName}.displayName = "${ComponentName}"
|
|
||||||
|
|
||||||
export default ${ComponentName}
|
|
||||||
`;
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
location,
|
|
||||||
prettier.format(element, { parser: "babel" }),
|
|
||||||
"utf-8"
|
|
||||||
);
|
|
||||||
|
|
||||||
console.log("Successfully built", ComponentName);
|
|
||||||
|
|
||||||
const exportString = `export { default as ${ComponentName} } from "./icons/${i.name}";\n`;
|
|
||||||
fs.appendFileSync(
|
|
||||||
path.join(process.cwd(), "src", "index.js"),
|
|
||||||
exportString,
|
|
||||||
"utf-8"
|
|
||||||
);
|
|
||||||
|
|
||||||
const exportTypeString = `export const ${ComponentName}: Icon;\n`;
|
|
||||||
fs.appendFileSync(
|
|
||||||
path.join(process.cwd(), "src", "index.d.ts"),
|
|
||||||
exportTypeString,
|
|
||||||
"utf-8"
|
|
||||||
);
|
|
||||||
});
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "lucide-react",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "React component for lucide icons",
|
|
||||||
"main": "src/index.js",
|
|
||||||
"typings": "src/index.d.ts",
|
|
||||||
"author": "John Letey",
|
|
||||||
"license": "ISC",
|
|
||||||
"scripts": {
|
|
||||||
"compile": "rm -rf src/icons && node bin/build.js"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"cheerio": "^1.0.0-rc.3",
|
|
||||||
"prettier": "^2.0.5",
|
|
||||||
"uppercamelcase": "^3.0.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Activity = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Activity.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Activity.displayName = "Activity";
|
|
||||||
|
|
||||||
export default Activity;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Airplay = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path>
|
|
||||||
<polygon points="12 15 17 21 7 21 12 15"></polygon>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Airplay.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Airplay.displayName = "Airplay";
|
|
||||||
|
|
||||||
export default Airplay;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlertCircle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<line x1="12" y1="8" x2="12" y2="12"></line>
|
|
||||||
<line x1="12" y1="16" x2="12.01" y2="16"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlertCircle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlertCircle.displayName = "AlertCircle";
|
|
||||||
|
|
||||||
export default AlertCircle;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlertOctagon = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon>
|
|
||||||
<line x1="12" y1="8" x2="12" y2="12"></line>
|
|
||||||
<line x1="12" y1="16" x2="12.01" y2="16"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlertOctagon.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlertOctagon.displayName = "AlertOctagon";
|
|
||||||
|
|
||||||
export default AlertOctagon;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlertTriangle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
|
|
||||||
<line x1="12" y1="9" x2="12" y2="13"></line>
|
|
||||||
<line x1="12" y1="17" x2="12.01" y2="17"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlertTriangle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlertTriangle.displayName = "AlertTriangle";
|
|
||||||
|
|
||||||
export default AlertTriangle;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlignCenter = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="18" y1="10" x2="6" y2="10"></line>
|
|
||||||
<line x1="21" y1="6" x2="3" y2="6"></line>
|
|
||||||
<line x1="21" y1="14" x2="3" y2="14"></line>
|
|
||||||
<line x1="18" y1="18" x2="6" y2="18"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlignCenter.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlignCenter.displayName = "AlignCenter";
|
|
||||||
|
|
||||||
export default AlignCenter;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlignJustify = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="21" y1="10" x2="3" y2="10"></line>
|
|
||||||
<line x1="21" y1="6" x2="3" y2="6"></line>
|
|
||||||
<line x1="21" y1="14" x2="3" y2="14"></line>
|
|
||||||
<line x1="21" y1="18" x2="3" y2="18"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlignJustify.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlignJustify.displayName = "AlignJustify";
|
|
||||||
|
|
||||||
export default AlignJustify;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlignLeft = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="17" y1="10" x2="3" y2="10"></line>
|
|
||||||
<line x1="21" y1="6" x2="3" y2="6"></line>
|
|
||||||
<line x1="21" y1="14" x2="3" y2="14"></line>
|
|
||||||
<line x1="17" y1="18" x2="3" y2="18"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlignLeft.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlignLeft.displayName = "AlignLeft";
|
|
||||||
|
|
||||||
export default AlignLeft;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AlignRight = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="21" y1="10" x2="7" y2="10"></line>
|
|
||||||
<line x1="21" y1="6" x2="3" y2="6"></line>
|
|
||||||
<line x1="21" y1="14" x2="3" y2="14"></line>
|
|
||||||
<line x1="21" y1="18" x2="7" y2="18"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AlignRight.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AlignRight.displayName = "AlignRight";
|
|
||||||
|
|
||||||
export default AlignRight;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Anchor = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="5" r="3"></circle>
|
|
||||||
<line x1="12" y1="22" x2="12" y2="8"></line>
|
|
||||||
<path d="M5 12H2a10 10 0 0 0 20 0h-3"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Anchor.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Anchor.displayName = "Anchor";
|
|
||||||
|
|
||||||
export default Anchor;
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Aperture = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<line x1="14.31" y1="8" x2="20.05" y2="17.94"></line>
|
|
||||||
<line x1="9.69" y1="8" x2="21.17" y2="8"></line>
|
|
||||||
<line x1="7.38" y1="12" x2="13.12" y2="2.06"></line>
|
|
||||||
<line x1="9.69" y1="16" x2="3.95" y2="6.06"></line>
|
|
||||||
<line x1="14.31" y1="16" x2="2.83" y2="16"></line>
|
|
||||||
<line x1="16.62" y1="12" x2="10.88" y2="21.94"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Aperture.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Aperture.displayName = "Aperture";
|
|
||||||
|
|
||||||
export default Aperture;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Archive = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="21 8 21 21 3 21 3 8"></polyline>
|
|
||||||
<rect x="1" y="3" width="22" height="5"></rect>
|
|
||||||
<line x1="10" y1="12" x2="14" y2="12"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Archive.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Archive.displayName = "Archive";
|
|
||||||
|
|
||||||
export default Archive;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowDownCircle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<polyline points="8 12 12 16 16 12"></polyline>
|
|
||||||
<line x1="12" y1="8" x2="12" y2="16"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowDownCircle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowDownCircle.displayName = "ArrowDownCircle";
|
|
||||||
|
|
||||||
export default ArrowDownCircle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowDownLeft = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="17" y1="7" x2="7" y2="17"></line>
|
|
||||||
<polyline points="17 17 7 17 7 7"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowDownLeft.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowDownLeft.displayName = "ArrowDownLeft";
|
|
||||||
|
|
||||||
export default ArrowDownLeft;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowDownRight = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="7" y1="7" x2="17" y2="17"></line>
|
|
||||||
<polyline points="17 7 17 17 7 17"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowDownRight.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowDownRight.displayName = "ArrowDownRight";
|
|
||||||
|
|
||||||
export default ArrowDownRight;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowDown = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
||||||
<polyline points="19 12 12 19 5 12"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowDown.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowDown.displayName = "ArrowDown";
|
|
||||||
|
|
||||||
export default ArrowDown;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowLeftCircle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<polyline points="12 8 8 12 12 16"></polyline>
|
|
||||||
<line x1="16" y1="12" x2="8" y2="12"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowLeftCircle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowLeftCircle.displayName = "ArrowLeftCircle";
|
|
||||||
|
|
||||||
export default ArrowLeftCircle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowLeft = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="19" y1="12" x2="5" y2="12"></line>
|
|
||||||
<polyline points="12 19 5 12 12 5"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowLeft.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowLeft.displayName = "ArrowLeft";
|
|
||||||
|
|
||||||
export default ArrowLeft;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowRightCircle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<polyline points="12 16 16 12 12 8"></polyline>
|
|
||||||
<line x1="8" y1="12" x2="16" y2="12"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowRightCircle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowRightCircle.displayName = "ArrowRightCircle";
|
|
||||||
|
|
||||||
export default ArrowRightCircle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowRight = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
||||||
<polyline points="12 5 19 12 12 19"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowRight.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowRight.displayName = "ArrowRight";
|
|
||||||
|
|
||||||
export default ArrowRight;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowUpCircle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<polyline points="16 12 12 8 8 12"></polyline>
|
|
||||||
<line x1="12" y1="16" x2="12" y2="8"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowUpCircle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowUpCircle.displayName = "ArrowUpCircle";
|
|
||||||
|
|
||||||
export default ArrowUpCircle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowUpLeft = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="17" y1="17" x2="7" y2="7"></line>
|
|
||||||
<polyline points="7 17 7 7 17 7"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowUpLeft.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowUpLeft.displayName = "ArrowUpLeft";
|
|
||||||
|
|
||||||
export default ArrowUpLeft;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowUpRight = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="7" y1="17" x2="17" y2="7"></line>
|
|
||||||
<polyline points="7 7 17 7 17 17"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowUpRight.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowUpRight.displayName = "ArrowUpRight";
|
|
||||||
|
|
||||||
export default ArrowUpRight;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ArrowUp = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="12" y1="19" x2="12" y2="5"></line>
|
|
||||||
<polyline points="5 12 12 5 19 12"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ArrowUp.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ArrowUp.displayName = "ArrowUp";
|
|
||||||
|
|
||||||
export default ArrowUp;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const AtSign = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="4"></circle>
|
|
||||||
<path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
AtSign.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
AtSign.displayName = "AtSign";
|
|
||||||
|
|
||||||
export default AtSign;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Award = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="8" r="7"></circle>
|
|
||||||
<polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Award.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Award.displayName = "Award";
|
|
||||||
|
|
||||||
export default Award;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BarChart2 = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="18" y1="20" x2="18" y2="10"></line>
|
|
||||||
<line x1="12" y1="20" x2="12" y2="4"></line>
|
|
||||||
<line x1="6" y1="20" x2="6" y2="14"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BarChart2.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BarChart2.displayName = "BarChart2";
|
|
||||||
|
|
||||||
export default BarChart2;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BarChart = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="12" y1="20" x2="12" y2="10"></line>
|
|
||||||
<line x1="18" y1="20" x2="18" y2="4"></line>
|
|
||||||
<line x1="6" y1="20" x2="6" y2="16"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BarChart.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BarChart.displayName = "BarChart";
|
|
||||||
|
|
||||||
export default BarChart;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BatteryCharging = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M7 7H3.77778C2.79594 7 2 7.74619 2 8.66667V15.3333C2 16.2538 2.79594 17 3.77778 17H6M14 7H16.2222C17.2041 7 18 7.74619 18 8.66667V15.3333C18 16.2538 17.2041 17 16.2222 17H13"></path>
|
|
||||||
<polyline points="11 7 8 12 12 12 9 17"></polyline>
|
|
||||||
<line x1="22" x2="22" y1="11" y2="13"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BatteryCharging.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BatteryCharging.displayName = "BatteryCharging";
|
|
||||||
|
|
||||||
export default BatteryCharging;
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BatteryFull = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
|
|
||||||
<line x1="22" x2="22" y1="11" y2="13"></line>
|
|
||||||
<line x1="6" x2="6" y1="10" y2="14"></line>
|
|
||||||
<line x1="10" x2="10" y1="10" y2="14"></line>
|
|
||||||
<line x1="14" x2="14" y1="10" y2="14"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BatteryFull.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BatteryFull.displayName = "BatteryFull";
|
|
||||||
|
|
||||||
export default BatteryFull;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BatteryLow = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
|
|
||||||
<line x1="22" x2="22" y1="11" y2="13"></line>
|
|
||||||
<line x1="6" x2="6" y1="10" y2="14"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BatteryLow.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BatteryLow.displayName = "BatteryLow";
|
|
||||||
|
|
||||||
export default BatteryLow;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BatteryMedium = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
|
|
||||||
<line x1="22" x2="22" y1="11" y2="13"></line>
|
|
||||||
<line x1="6" x2="6" y1="10" y2="14"></line>
|
|
||||||
<line x1="10" x2="10" y1="10" y2="14"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BatteryMedium.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BatteryMedium.displayName = "BatteryMedium";
|
|
||||||
|
|
||||||
export default BatteryMedium;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Battery = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
|
|
||||||
<line x1="22" x2="22" y1="11" y2="13"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Battery.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Battery.displayName = "Battery";
|
|
||||||
|
|
||||||
export default Battery;
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BellOff = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
|
|
||||||
<path d="M18.63 13A17.89 17.89 0 0 1 18 8"></path>
|
|
||||||
<path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"></path>
|
|
||||||
<path d="M18 8a6 6 0 0 0-9.33-5"></path>
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BellOff.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BellOff.displayName = "BellOff";
|
|
||||||
|
|
||||||
export default BellOff;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Bell = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
|
|
||||||
<path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Bell.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Bell.displayName = "Bell";
|
|
||||||
|
|
||||||
export default Bell;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Bluetooth = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Bluetooth.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Bluetooth.displayName = "Bluetooth";
|
|
||||||
|
|
||||||
export default Bluetooth;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Bold = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
|
|
||||||
<path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Bold.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Bold.displayName = "Bold";
|
|
||||||
|
|
||||||
export default Bold;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const BookOpen = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
|
|
||||||
<path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
BookOpen.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
BookOpen.displayName = "BookOpen";
|
|
||||||
|
|
||||||
export default BookOpen;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Book = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
|
|
||||||
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Book.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Book.displayName = "Book";
|
|
||||||
|
|
||||||
export default Book;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Bookmark = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Bookmark.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Bookmark.displayName = "Bookmark";
|
|
||||||
|
|
||||||
export default Bookmark;
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Box = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
|
|
||||||
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
|
|
||||||
<line x1="12" y1="22.08" x2="12" y2="12"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Box.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Box.displayName = "Box";
|
|
||||||
|
|
||||||
export default Box;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Briefcase = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
|
|
||||||
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Briefcase.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Briefcase.displayName = "Briefcase";
|
|
||||||
|
|
||||||
export default Briefcase;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Calendar = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
|
|
||||||
<line x1="16" y1="2" x2="16" y2="6"></line>
|
|
||||||
<line x1="8" y1="2" x2="8" y2="6"></line>
|
|
||||||
<line x1="3" y1="10" x2="21" y2="10"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Calendar.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Calendar.displayName = "Calendar";
|
|
||||||
|
|
||||||
export default Calendar;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CameraOff = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23"></line>
|
|
||||||
<path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CameraOff.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CameraOff.displayName = "CameraOff";
|
|
||||||
|
|
||||||
export default CameraOff;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Camera = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
|
|
||||||
<circle cx="12" cy="13" r="4"></circle>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Camera.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Camera.displayName = "Camera";
|
|
||||||
|
|
||||||
export default Camera;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Cast = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"></path>
|
|
||||||
<line x1="2" y1="20" x2="2.01" y2="20"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Cast.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Cast.displayName = "Cast";
|
|
||||||
|
|
||||||
export default Cast;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CheckCircle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
|
|
||||||
<polyline points="22 4 12 14.01 9 11.01"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CheckCircle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CheckCircle.displayName = "CheckCircle";
|
|
||||||
|
|
||||||
export default CheckCircle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CheckSquare = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="9 11 12 14 22 4"></polyline>
|
|
||||||
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CheckSquare.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CheckSquare.displayName = "CheckSquare";
|
|
||||||
|
|
||||||
export default CheckSquare;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Check = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="20 6 9 17 4 12"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Check.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Check.displayName = "Check";
|
|
||||||
|
|
||||||
export default Check;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronDown = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="6 9 12 15 18 9"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronDown.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronDown.displayName = "ChevronDown";
|
|
||||||
|
|
||||||
export default ChevronDown;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronLeft = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="15 18 9 12 15 6"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronLeft.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronLeft.displayName = "ChevronLeft";
|
|
||||||
|
|
||||||
export default ChevronLeft;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronRight = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="9 18 15 12 9 6"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronRight.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronRight.displayName = "ChevronRight";
|
|
||||||
|
|
||||||
export default ChevronRight;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronUp = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="18 15 12 9 6 15"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronUp.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronUp.displayName = "ChevronUp";
|
|
||||||
|
|
||||||
export default ChevronUp;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronsDown = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="7 13 12 18 17 13"></polyline>
|
|
||||||
<polyline points="7 6 12 11 17 6"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronsDown.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronsDown.displayName = "ChevronsDown";
|
|
||||||
|
|
||||||
export default ChevronsDown;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronsLeft = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="11 17 6 12 11 7"></polyline>
|
|
||||||
<polyline points="18 17 13 12 18 7"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronsLeft.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronsLeft.displayName = "ChevronsLeft";
|
|
||||||
|
|
||||||
export default ChevronsLeft;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronsRight = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="13 17 18 12 13 7"></polyline>
|
|
||||||
<polyline points="6 17 11 12 6 7"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronsRight.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronsRight.displayName = "ChevronsRight";
|
|
||||||
|
|
||||||
export default ChevronsRight;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const ChevronsUp = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<polyline points="17 11 12 6 7 11"></polyline>
|
|
||||||
<polyline points="17 18 12 13 7 18"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
ChevronsUp.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
ChevronsUp.displayName = "ChevronsUp";
|
|
||||||
|
|
||||||
export default ChevronsUp;
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Chrome = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<circle cx="12" cy="12" r="4"></circle>
|
|
||||||
<line x1="21.17" y1="8" x2="12" y2="8"></line>
|
|
||||||
<line x1="3.95" y1="6.06" x2="8.54" y2="14"></line>
|
|
||||||
<line x1="10.88" y1="21.94" x2="15.46" y2="14"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Chrome.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Chrome.displayName = "Chrome";
|
|
||||||
|
|
||||||
export default Chrome;
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Circle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Circle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Circle.displayName = "Circle";
|
|
||||||
|
|
||||||
export default Circle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Clipboard = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
|
|
||||||
<rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Clipboard.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Clipboard.displayName = "Clipboard";
|
|
||||||
|
|
||||||
export default Clipboard;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const Clock = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10"></circle>
|
|
||||||
<polyline points="12 6 12 12 16 14"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
Clock.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
Clock.displayName = "Clock";
|
|
||||||
|
|
||||||
export default Clock;
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CloudDrizzle = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="8" y1="19" x2="8" y2="21"></line>
|
|
||||||
<line x1="8" y1="13" x2="8" y2="15"></line>
|
|
||||||
<line x1="16" y1="19" x2="16" y2="21"></line>
|
|
||||||
<line x1="16" y1="13" x2="16" y2="15"></line>
|
|
||||||
<line x1="12" y1="21" x2="12" y2="23"></line>
|
|
||||||
<line x1="12" y1="15" x2="12" y2="17"></line>
|
|
||||||
<path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CloudDrizzle.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CloudDrizzle.displayName = "CloudDrizzle";
|
|
||||||
|
|
||||||
export default CloudDrizzle;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CloudLightning = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"></path>
|
|
||||||
<polyline points="13 11 9 17 15 17 11 23"></polyline>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CloudLightning.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CloudLightning.displayName = "CloudLightning";
|
|
||||||
|
|
||||||
export default CloudLightning;
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CloudOff = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3"></path>
|
|
||||||
<line x1="1" y1="1" x2="23" y2="23"></line>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CloudOff.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CloudOff.displayName = "CloudOff";
|
|
||||||
|
|
||||||
export default CloudOff;
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
import React, { forwardRef } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const CloudRain = forwardRef(
|
|
||||||
({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
ref={ref}
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width={size}
|
|
||||||
height={size}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke={color}
|
|
||||||
strokeWidth={width}
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
{...rest}
|
|
||||||
>
|
|
||||||
<line x1="16" y1="13" x2="16" y2="21"></line>
|
|
||||||
<line x1="8" y1="13" x2="8" y2="21"></line>
|
|
||||||
<line x1="12" y1="15" x2="12" y2="23"></line>
|
|
||||||
<path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
CloudRain.propTypes = {
|
|
||||||
color: PropTypes.string,
|
|
||||||
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
};
|
|
||||||
|
|
||||||
CloudRain.displayName = "CloudRain";
|
|
||||||
|
|
||||||
export default CloudRain;
|
|
||||||