Compare commits

...

21 Commits

Author SHA1 Message Date
Eric Fennis
bd3f24f160 New version 0.12.0 2020-12-31 16:41:07 +01:00
Eric Fennis
8f6062317f Add layout-grid icon (#142) 2020-12-31 16:06:23 +01:00
Alexandr Antonov
8f63d828af feat: Add transport icons (#152)
* feat: Add transport icons

* Update tags.json

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* Update tags.json

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* Update tags.json

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* Update icons/bus.svg

Co-authored-by: Andreas Törnkvist <andreas.o.tornkvist@gmail.com>

* Update icons/car.svg

Co-authored-by: Andreas Törnkvist <andreas.o.tornkvist@gmail.com>

* Update icons/truck.svg

Co-authored-by: Andreas Törnkvist <andreas.o.tornkvist@gmail.com>

Co-authored-by: Alexander Antonov <aantonov@131.ru>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Co-authored-by: Andreas Törnkvist <andreas.o.tornkvist@gmail.com>
2020-12-31 16:03:48 +01:00
Christopher Sandvik
fc2fac9ca4 Fix optimizeSvgs script (#160) 2020-12-30 20:23:46 +01:00
delnyn
cf13cef475 Add brush icon (#108)
* Update (#2)

update

* Update README.md

* Fix links

* Fix typo

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* Create brush.svg

* Add brush tags

* Edit brush

Co-authored-by: Locness <37651007+locness3@users.noreply.github.com>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2020-12-30 20:06:56 +01:00
dependabot[bot]
485ae6f531 chore(deps): Bump node-notifier in /packages/lucide-react (#163)
Bumps [node-notifier](https://github.com/mikaelbr/node-notifier) from 8.0.0 to 8.0.1.
- [Release notes](https://github.com/mikaelbr/node-notifier/releases)
- [Changelog](https://github.com/mikaelbr/node-notifier/blob/v8.0.1/CHANGELOG.md)
- [Commits](https://github.com/mikaelbr/node-notifier/compare/v8.0.0...v8.0.1)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2020-12-30 20:06:06 +01:00
dependabot[bot]
398421367c chore(deps): Bump node-notifier from 8.0.0 to 8.0.1 in /site (#162)
Bumps [node-notifier](https://github.com/mikaelbr/node-notifier) from 8.0.0 to 8.0.1.
- [Release notes](https://github.com/mikaelbr/node-notifier/releases)
- [Changelog](https://github.com/mikaelbr/node-notifier/blob/v8.0.1/CHANGELOG.md)
- [Commits](https://github.com/mikaelbr/node-notifier/compare/v8.0.0...v8.0.1)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2020-12-30 20:05:56 +01:00
dependabot[bot]
8832051f96 chore(deps): Bump node-notifier from 8.0.0 to 8.0.1 (#161)
Bumps [node-notifier](https://github.com/mikaelbr/node-notifier) from 8.0.0 to 8.0.1.
- [Release notes](https://github.com/mikaelbr/node-notifier/releases)
- [Changelog](https://github.com/mikaelbr/node-notifier/blob/v8.0.1/CHANGELOG.md)
- [Commits](https://github.com/mikaelbr/node-notifier/compare/v8.0.0...v8.0.1)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2020-12-30 20:05:47 +01:00
Alexandr Antonov
ce80469ecc feat: Add timer icon (#148)
* feat: Add timer icon

* Update tags.json

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* Update icons/timer.svg

Co-authored-by: Alexander Antonov <aantonov@131.ru>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2020-12-22 21:04:44 +01:00
Alexandr Antonov
12f2b29ac7 feat: Add crown icon (#151)
* feat: Add crown icon

* Update tags.json

Co-authored-by: Alexander Antonov <aantonov@131.ru>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2020-12-22 21:02:26 +01:00
Christopher Sandvik
7b7ee1fe63 Add locate and locate-fixed icons (#159) 2020-12-22 21:01:45 +01:00
Eric Fennis
baee6032c6 Add color palette icon (#143)
* add color pallette

* rename

* resize circles
2020-12-21 19:34:03 +01:00
Yüksel Kapan
deae140a6e Create monitor-off.svg (#155)
* Create monitor-off.svg

Added Monitor Off icon.

* Update monitor-off.svg

Updated the icon to match the design guide.

* Update icons/monitor-off.svg

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2020-12-21 18:42:54 +01:00
Eric Fennis
ca90159fce Fix netlify build PRs (#158)
* Add ignore in netlify command

* add quiet flag
2020-12-21 12:18:00 +01:00
Eric Fennis
03e287f2c1 Add qr-code icon (#141) 2020-12-20 14:38:18 +01:00
Eric Fennis
b79aebe284 add hand icon (#134) 2020-12-20 14:24:18 +01:00
Eric Fennis
a21600984d Add laptop-2 icon (#130)
* Add second laptop icon

* fix identation
2020-12-03 09:19:55 +01:00
Alexandr Antonov
8b09a5c1ef feat: Add plane icon (#150)
Co-authored-by: Alexander Antonov <aantonov@131.ru>
2020-12-03 09:10:11 +01:00
Eric Fennis
66ac072870 Release react-package 2020-12-02 15:11:29 +01:00
Eric Fennis
c073a2c529 Update CONTRIBUTING.md (#145) 2020-12-02 14:46:42 +01:00
Eric Fennis
cedf113b54 React package (#105)
* init new react package project

* setup react package

* Fix config for build

* update package

* Fix build

* update package

* fix package.json

* refactor and cleanup

* bumb beta version

* fix regex

* bump version

* Add hashing

* Add tests

* bump version

* Add peer dependecies

* Add docs

* Add readme link
2020-12-02 13:48:39 +01:00
358 changed files with 8387 additions and 15131 deletions

View File

@@ -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'
} }
] ]
} }
} };

View File

@@ -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:.

View File

@@ -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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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

View File

@@ -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

View File

@@ -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"

View File

@@ -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"
} }
} }

View 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;
```

View File

@@ -0,0 +1,4 @@
// module.exports = require('../../babel.config');
module.exports = {
presets: ['react-app'],
};

View 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',
},
};

View 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"
}
}

View 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;

View File

@@ -0,0 +1,7 @@
export default ({ componentName, node }) => `
import createReactComponent from '../createReactComponent';
const ${componentName} = createReactComponent('${componentName}', ${node});
export default ${componentName};
`;

View 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;
};

View File

@@ -0,0 +1,5 @@
/*
Icons exports.
Will be generated
*/

View File

@@ -0,0 +1 @@
export * from './icons';

View File

@@ -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>
`;

View 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();
});
})

File diff suppressed because it is too large Load Diff

View 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"
);
});

View File

@@ -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"
}
}

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

Some files were not shown because too many files have changed in this diff Show More