Add keyboard icon (#522)

* add keyboard icon

* Update tags.json

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

* Split up path into smaller paths

* add coma in tags.json

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

icons/keyboard.svg

@@ -0,0 +1,21 @@
+<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="4" width="20" height="16" rx="2" ry="2" />
+  <path d="M6 8h.001" />
+  <path d="M10 8h.001" />
+  <path d="M14 8h.001" />
+  <path d="M18 8h.001" />
+  <path d="M8 12h.001" />
+  <path d="M12 12h.001" />
+  <path d="M16 12h.001" />
+  <path d="M7 16h10" />
+</svg>

packages/lucide-angular/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-angular",
   "description": "A Lucide icon library package for Angular applications",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "author": "SMAH1",
   "license": "ISC",
   "homepage": "https://lucide.dev",

packages/lucide-flutter/pubspec.yaml

@@ -1,6 +1,6 @@
 name: lucide_icons
 description: A Lucide icon library package for Flutter applications. Fork of Feather Icons, open for anyone to contribute icons.
-version: 0.17.8
+version: 0.17.9
 homepage: https://lucide.dev
 repository: https://github.com/lucide-icons/lucide
 

packages/lucide-preact/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-preact",
   "description": "A Lucide icon library package for Preact applications",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "license": "ISC",
   "homepage": "https://lucide.dev",
   "bugs": "https://github.com/lucide-icons/lucide/issues",

packages/lucide-react/README.md

@@ -16,7 +16,7 @@ npm install lucide-react
 
 ## How to use
 
-It's build with ESmodules so it's completely threeshakable.
+It's built with ES modules so it's completely threeshakable.
 Each icon can be imported as a react component.
 
 ### Example
@@ -25,9 +25,7 @@ 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}/>
 };
@@ -48,19 +46,16 @@ export default App;
 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
+### Generic icon component
 
-It is possible to create one generic icon component to load icons.
+It is possible to create a generic icon component to load icons.
 
-> :warning: Example below importing all EsModules, caution  using this example, not recommended when you using bundlers, your application build size will grow strongly.
-
-#### Icon Component Example
+> :warning: The example below is importing all ES modules. This is **not** recommended when you using a bundler since your application build size will grow substantially.
 
 ``` js
 import * as icons from 'lucide-react';

packages/lucide-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-react",
   "description": "A Lucide icon library package for React applications",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "license": "ISC",
   "homepage": "https://lucide.dev",
   "bugs": "https://github.com/lucide-icons/lucide/issues",

packages/lucide-svelte/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-svelte",
   "description": "A Lucide icon library package for Svelte applications",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "license": "ISC",
   "homepage": "https://lucide.dev",
   "bugs": "https://github.com/lucide-icons/lucide/issues",

packages/lucide-vue-next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucide-vue-next",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "author": "Eric Fennis",
   "description": "A Lucide icon library package for Vue 3 applications",
   "license": "ISC",

packages/lucide-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucide-vue",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "author": "Eric Fennis",
   "description": "A Lucide icon library package for Vue 2 applications",
   "license": "ISC",

packages/lucide/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide",
   "description": "A Lucide icon library package for web and javascript applications.",
-  "version": "0.17.8",
+  "version": "0.17.9",
   "license": "ISC",
   "homepage": "https://lucide.dev",
   "bugs": "https://github.com/lucide-icons/lucide/issues",

tags.json

@@ -1313,6 +1313,12 @@
     "authentication",
     "secure"
   ],
+  "keyboard": [
+    "layout",
+    "spell",
+    "settings",
+    "mouse"
+  ],
   "landmark": [
     "bank",
     "building",