Adds ferris-wheel and roller-coaster (#1214)

* Adds ferris-wheel and roller-coaster

* Shorten roller-coaster

* Update roller-coaster.svg

---------

Co-authored-by: Karsa <karsa@karsa.org>

.github/FUNDING.yml

@@ -0,0 +1,2 @@
+# These are supported funding model platforms
+open_collective: lucide-icons

.github/workflows/ci.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - main
     paths:
-      - icons/**
+      - icons/**/*.svg
 
 jobs:
   create-release:

.github/workflows/pull-request.yml

@@ -0,0 +1,140 @@
+name: Add Changed Icons comment
+
+on:
+  pull_request_target:
+    paths:
+      - 'icons/*.svg'
+
+permissions:
+  pull-requests: write
+  contents: write
+
+jobs:
+  add-changed-icons-comment:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+          ref: refs/pull/${{ github.event.pull_request.number }}/merge
+      - name: Get changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v35
+        with:
+          files: icons/*.svg
+      - name: Generate cohesion check random
+        id: generate-cohesion-check-random
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in $(printf "%s\\n" icons/*.svg | shuf | head -n$(awk -F' ' '{print NF}' <<< '${{ steps.changed-files.outputs.all_changed_files }}')); do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate cohesion check squares
+        id: generate-cohesion-check-squares
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in $(printf "%s\\n" icons/*square*.svg | shuf | head -n$(awk -F' ' '{print NF}' <<< '${{ steps.changed-files.outputs.all_changed_files }}')); do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate 1px stroke-width
+        id: generate-1px-stroke-width
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/1/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate 2px stroke-width
+        id: generate-2px-stroke-width
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate 3px stroke-width
+        id: generate-3px-stroke-width
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/3/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate X-rays
+        id: generate-x-rays
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img width=\"400\" title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/$(basename ${file//\.svg/})/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Find Comment
+        uses: peter-evans/find-comment@v2
+        id: fc
+        with:
+          issue-number: ${{ github.event.pull_request.number }}
+          comment-author: 'github-actions[bot]'
+          body-includes: Added or changed icons
+      - name: Create or update comment
+        uses: peter-evans/create-or-update-comment@v2
+        with:
+          comment-id: ${{ steps.fc.outputs.comment-id }}
+          issue-number: ${{ github.event.pull_request.number }}
+          body: |
+            ### Added or changed icons
+            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            <details>
+            <summary>Preview cohesion</summary>
+            ${{ steps.generate-cohesion-check-squares.outputs.body }}<br/>
+            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            ${{ steps.generate-cohesion-check-random.outputs.body }}<br/>
+            </details>
+            <details>
+            <summary>Preview stroke widths</summary>
+            ${{ steps.generate-1px-stroke-width.outputs.body }}<br/>
+            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            ${{ steps.generate-3px-stroke-width.outputs.body }}<br/>
+            </details>
+            <details>
+            <summary>Icon X-rays</summary>
+            ${{ steps.generate-x-rays.outputs.body }}
+            </details>
+          edit-mode: replace

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "cSpell.words": [
+    "devs",
+    "preact",
+    "Preact"
+  ]
+}

CONTRIBUTING.md

@@ -59,13 +59,13 @@ If you are a designer who wants to contribute to Lucide but you don't know what
 ## Development
 
 You will need minimum version of [Nodejs 16.4+](https://nodejs.org)
-For packagemanagement you will need [yarn v1](https://yarnpkg.com/getting-started/install).
+For package management you will need [PNPM](https://pnpm.io/installation).
 For flutter package development, you need [Flutter 1.17+](https://docs.flutter.dev/get-started/install).
 
 After cloning the project you need to run:
 
 ```sh
-yarn # Install dependencies, including the workspace packages
+pnpm install # Install dependencies, including the workspace packages
 ```
 
 ### Packages -> PNPM Workspaces
@@ -73,6 +73,7 @@ yarn # Install dependencies, including the workspace packages
 To distribute different packages we use PNPM workspaces. Before you start make sure you are familiar with this concept. The concept of working in workspaces is created by Yarn, they have a well written introduction: [yarn workspaces](https://classic.yarnpkg.com/lang/en/docs/workspaces).
 
 The configured directory for workspaces is the [packages](./packages) directory, located in the root directory. There you will find all the current packages from lucide.
+There are more workspaces defined, see [`pnpm-workspace.yaml`](./pnpm-workspace.yaml).
 
 > Note: One package is not managed by pnpm:  **lucide-flutter**, this package is written in Dart and used pub for publishing.
 

categories/coding.json

@@ -1,5 +0,0 @@
-{
-  "$schema": "../category.schema.json",
-  "title": "Coding",
-  "icon": "code-2"
-}

categories/development.json

@@ -1,5 +1,5 @@
 {
   "$schema": "../category.schema.json",
-  "title": "Development",
-  "icon": "git-pull-request"
-}
+  "title": "Coding & development",
+  "icon": "code-2"
+}

categories/text.json

@@ -2,4 +2,4 @@
   "$schema": "../category.schema.json",
   "title": "Text formatting",
   "icon": "type"
-}
+}

docs/icon-design-guide.md

@@ -55,6 +55,8 @@ Here are rules that should be followed to keep quality and consistency when maki
 
 Before an icon is added to the library, we like to have readable and optimized svg code.
 
+Never use [`<use>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use). While it may sometimes seem like a good way to optimize file size, there's no way to ensure that the referenced element IDs will be unique once the SVGs are embedded in HTML documents.
+
 ### Global Attributes
 
 For each icon these attributes are applied, corresponding to the above rules.

docs/index.md

@@ -8,7 +8,7 @@ nextPage:
 # Introduction
 Lucide is an open source icon library for displaying icons and symbols in digital and non-digital projects. It consists of 850+ Vector (svg) files. To use these icons, lucide provides several official packages to make it easier to use these icons in projects.
 
-Lucide contains icons with different variants and states. With that, designers and developers can choose the right icon for themselves. If a desired icon doesn't exist yet, you're free to open a design request. The Lucide community contributors will help to provide new icons. 
+Lucide contains icons with different variants and states. With that, designers and developers can choose the right icon for themselves. If a desired icon doesn't exist yet, you're free to open a design request. The Lucide community contributors will help to provide new icons.
 
 With more icons, we simply have more icons to work with in our projects. Also with rising of new applications with specific features, lucide has the goal to provide the complete set for your project.
 
@@ -16,7 +16,7 @@ When designing new icons, the community is working with a set of design rules. T
 
 Beside design, code is also important. Assets like icons in, for example, web projects can increase the bandwidth usage significantly. With the growing internet, lucide has the responsibility to keep their assets as small as possible. To achieve this, lucide uses SVG compression and specific code architecture for tree-shaking abilities. After tree-shaking, you will only ship the icons you used, helps you to keep the software distribution size to a minimum.
 
-Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte),[Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
+Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte), [Solid](https://lucide.dev/docs/lucide-solid), [Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
 
 Any questions about lucide? Ask the community. Active on [GitHub](https://github.com/lucide-icons/lucide) and [Discord](https://discord.gg/EH6nSts).
 

docs/packages/lucide-angular.md

@@ -1,154 +1,109 @@
 # Lucide Angular
 
-Implementation of the lucide icon library for angular applications.
+Implementation of the lucide icon library for Angular applications.
 
 ## Installation
 
-```sh
+```bash
 yarn add lucide-angular
 ```
 
 or
 
-```sh
+```bash
 npm install lucide-angular
 ```
 
 ## How to use
 
-There are three ways for use this library.
+### Step 1: Import `LucideAngularModule`
 
-### Method 1: createElement
-
-After install `lucide-angular` change content of file `app.component.html` and `app.component.ts`.
-
-```html
-<!-- app.component.html -->
-<div id="lucide-icon"></div>
-```
+In any Angular module you wish to use Lucide icons in, you have to import `LucideAngularModule`, and pick any icons you wish to use:
 
 ```js
-// app.component.ts
-
-import { Component, OnInit } from '@angular/core';
-import { createElement } from 'lucide-angular';
-import { Activity } from 'lucide-angular/icons';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
-})
-export class AppComponent implements OnInit {
-  ngOnInit(): void {
-    const div = document.getElementById('lucide-icon');
-    const elm = createElement(Activity);
-    elm.setAttribute('color', 'red'); // or set `width`, `height`, `fill`, `stroke-width`, ...
-
-    if (div) {
-      div.appendChild(elm);
-    }
-  }
-}
-```
-
-### Method 2: User **Tag** with **name** property
-
-After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
-
-```js
-// app.module.ts
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { LucideAngularModule, AlarmCheck, Edit } from 'lucide-angular';
+import { LucideAngularModule, File, Home, Menu, UserCheck } from 'lucide-angular';
 
 @NgModule({
-  declarations: [AppComponent],
   imports: [
-    BrowserModule,
-    AppRoutingModule,
-    LucideAngularModule.pick({ AlarmCheck, Edit }) // add all of icons that is imported.
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
+    LucideAngularModule.pick({File, Home, Menu, UserCheck})
+  ]
 })
-export class AppModule {}
+export class AppModule { }
 ```
 
+### Step 2: Use the icons in templates
+
+Within your templates you may now use one of the following component tags to insert an icon:
+
 ```html
-<!-- app.component.html -->
-<lucide-icon name="alarm-check" class="myicon"></lucide-icon>
-<lucide-icon name="edit" class="myicon"></lucide-icon>
+<lucide-angular name="file" class="my-icon"></lucide-angular>
+<lucide-icon name="home" class="my-icon"></lucide-icon>
+<i-lucide name="menu" class="my-icon"></i-lucide>
+<span-lucide name="user-check" class="my-icon"></span-lucide>
 ```
 
-### Method 3: User **Tag** with **img** property
+### Props
 
-After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
+You can pass additional props to adjust the icon appearance.
 
-```js
-// app.module.ts
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
+| name                  | type      | default      |
+| --------------------- | --------- | ------------ |
+| `size`                | *number*  | 24           |
+| `color`               | *string*  | currentColor |
+| `strokeWidth`         | *number*  | 2            |
+| `absoluteStrokeWidth` | *boolean* | false        |
 
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { LucideAngularModule } from 'lucide-angular';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [BrowserModule, AppRoutingModule, LucideAngularModule.pick({})],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule {}
+```html
+<i-lucide name="home" [size]="48" color="red" [strokeWidth]="1"></i-lucide>
 ```
 
-```xml
-<!-- app.component.html -->
-<lucide-icon [img]="ico1" class="myicon"></lucide-icon>
-<lucide-icon [img]="ico2" class="myicon"></lucide-icon>
-```
+### Global configuration
 
-```js
-// app.component.ts
-import { Component } from '@angular/core';
-import { Airplay, Circle } from 'lucide-angular';
+You can inject the `LucideIconConfig` service in your root component to globally configure the default property values as defined above.
 
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
-})
-export class AppComponent {
-  ico1 = Airplay;
-  ico2 = Circle;
+### Styling using a custom CSS class
+
+Any extra HTML attribute is ignored, but the `class` attribute
+is passed onto the internal SVG image element and it can be used to style it:
+
+```css
+svg.my-icon {
+    width: 12px;
+    height: 12px;
+    stroke-width: 3;
 }
 ```
 
-## Notes
+## Injecting multiple icon providers
 
-### Import all icons
-
-In `Method 2`: import all icons in `app.module.ts` by:
+You may provide additional icons using the `LUCIDE_ICONS` injection token,
+which accepts multiple providers of the interface `LucideIconsProviderInterface`
+with the utility class `LucideIconsProvider` available for easier usage:
 
 ```js
+import { LUCIDE_ICONS, LucideIconProvider } from 'lucide-angular';
+import { MyIcon } from './icons/my-icon';
 
+const myIcons = {MyIcon};
+
+@NgModule({
+  providers: [
+    {provide: LUCIDE_ICONS, multi: true, useValue: new LucideIconProvider(myIcons)},
+  ]
+})
+export class AppModule { }
+```
+
+To add custom icons, you will first need to convert them to an [svgson format](https://github.com/elrumordelaluz/svgson).
+
+## Loading all icons
+
+> :warning: You may also opt to import all icons if necessary using the following format but be aware that this will significantly increase your application build size.
+
+```js
 import { icons } from 'lucide-angular';
 
-LucideAngularModule.pick(icons)
-
 ...
+
+LucideAngularModule.pick(icons)
 ```
-
-### Tags
-
-You can use the following tags instead of `lucide-icon`:
-
-- lucide-angular
-- i-lucide
-- span-lucide
-
-All of the above are the same

docs/packages/lucide-preact.md

@@ -41,11 +41,12 @@ export default App;
 
 ### Props
 
-| name          | type     | default      |
-| ------------- | -------- | ------------ |
-| `size`        | _Number_ | 24           |
-| `color`       | _String_ | currentColor |
-| `strokeWidth` | _Number_ | 2            |
+| name                  | type      | default      |
+| --------------------- | --------- | ------------ |
+| `size`                | *number*  | 24           |
+| `color`               | *string*  | currentColor |
+| `strokeWidth`         | *number*  | 2            |
+| `absoluteStrokeWidth` | *boolean* | false        |
 
 ### Custom props / svg attributes
 

docs/packages/lucide-react-native.md

@@ -39,11 +39,12 @@ export default App;
 
 ### Props
 
-| name          | type     | default      |
-| ------------- | -------- | ------------ |
-| `size`        | _Number_ | 24           |
-| `color`       | _String_ | currentColor |
-| `strokeWidth` | _Number_ | 2            |
+| name                  | type      | default      |
+| --------------------- | --------- | ------------ |
+| `size`                | *number*  | 24           |
+| `color`               | *string*  | currentColor |
+| `strokeWidth`         | *number*  | 2            |
+| `absoluteStrokeWidth` | *boolean* | false        |
 
 ### Custom props
 

docs/packages/lucide-react.md

@@ -37,11 +37,12 @@ export default App;
 
 ### Props
 
-| name          | type     | default      |
-| ------------- | -------- | ------------ |
-| `size`        | _Number_ | 24           |
-| `color`       | _String_ | currentColor |
-| `strokeWidth` | _Number_ | 2            |
+| name                  | type      | default      |
+| --------------------- | --------- | ------------ |
+| `size`                | *number*  | 24           |
+| `color`               | *string*  | currentColor |
+| `strokeWidth`         | *number*  | 2            |
+| `absoluteStrokeWidth` | *boolean* | false        |
 
 ### Custom props
 

docs/packages/lucide-solid.md

@@ -0,0 +1,79 @@
+# Lucide Solid
+
+Implementation of the lucide icon library for solid applications.
+
+## Installation
+
+```sh
+yarn add lucide-solid
+```
+
+or
+
+```sh
+npm install lucide-solid
+```
+
+## How to use
+
+It's build with ESmodules so it's completely tree-shakable.
+Each icon can be imported as a solid component.
+
+### Example
+
+You can pass additional props to adjust the icon.
+
+```js
+import { Camera } from 'lucide-solid';
+// Returns SolidComponent
+
+// 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            |
+| `absoluteStrokeWidth` | *boolean* | false        |
+
+### Custom props / svg attributes
+
+You can also pass custom props that will be added in the as attributes. With that you can modify the icons look by passing svg attributes.
+
+```js
+// Usage
+const App = () => {
+  return <Camera fill="red" stroke-linejoin="bevel" />;
+};
+```
+
+### 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, your application build size will grow strongly.
+
+#### Icon Component Example
+
+```tsx
+import * as icons from 'lucide-solid';
+import type { LucideProps } from 'lucide-solid';
+import { splitProps } from 'solid-js';
+import { Dynamic } from 'solid-js/web';
+
+const Icon = (props: { name: keyof typeof icons } & LucideProps) => {
+  const [local, others] = splitProps(props, ["name"]);
+
+  return <Dynamic component={icons[local.name]} {...others} />
+};
+
+export default Icon;
+```

docs/packages/lucide-static.md

@@ -2,16 +2,16 @@
 
 This package include the following lucide implementations:
 
-- All svg files
-- Javascript library containing strings of svgs.
+- All SVG files
+- SVG sprite
 - Icon fonts
-- Svg sprite
+- JavaScript library containing strings of SVGs.
 
 ## Why lucide-static?
 
-This package is suitable for very specific use cases for example if you want to use icon fonts, svg sprites, normal svgs or Common.js Svg strings in your javascript project.
+This package is suitable for specific use cases, for example if you want to use icon fonts, SVG sprites, normal SVGs or Common.js SVG strings in your javascript project.
 
-> ⚠️ It is not recommended to use this package for svg sprites or icon fonts for web pages/applications, for prototyping it is ok. We recommend to bundlers for web applications to make sure you only bundle the used icons from this icon library (Treeshaking). Otherwise it will load all the icons, making you webpage loading slower. Threeshaking is only available in the packages: [lucide](lucide), [lucide-react](lucide-react), [lucide-vue](lucide-vue), [lucide-vue-next](lucide-vue-next), [lucide-angular](lucide-angular), [lucide-preact](lucide-preact)
+> ⚠️ While they can be useful for prototyping, it is not recommended to use the SVG sprites or icon fonts provided by this package in production web apps as all the available icons are included in the app, hence increasing loading time and data usage. We recommend to use a bundler and treeshaking to make sure only the icons you use are bundled with your app. Threeshaking is only available in these packages: [lucide](lucide), [lucide-react](lucide-react), [lucide-vue](lucide-vue), [lucide-vue-next](lucide-vue-next), [lucide-angular](lucide-angular), [lucide-preact](lucide-preact)
 
 ## Installation
 
@@ -30,10 +30,10 @@ npm install lucide-static
 ### CDN
 
 ```html
-<!-- Svg File -->
+<!-- SVG file for a single icon -->
 <img src="https://unpkg.com/lucide-static@latest/icons/home.svg" />
 
-<!-- Icon Font -->
+<!-- Icon font -->
 <style>
   @font-face {
     font-family: 'LucideIcons';
@@ -44,16 +44,16 @@ npm install lucide-static
 
 ## Usage
 
-Checkout the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprite-lz1kk).
+Check out the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprite-lz1kk).
 
 ### SVG Files
 
-#### Svg file as image
+#### SVG file as image
 
 To use it in for example html:
 
 ```html
-<!-- Svg File -->
+<!-- SVG file for a single icon -->
 <img src="~lucide-static/icons/home.svg" />
 ```
 
@@ -65,15 +65,15 @@ To use it in for example html:
 
 Make sure you have the correct webpack loaders to make this work. [url-loader](https://v4.webpack.js.org/loaders/url-loader/)
 
-#### Svg file Inline
+#### SVG file as string
 
-You can simply import each svg by targeting `lucide-static/icons/{icon-name}.svg`.
-To use svgs in your project you can for example use a [svg loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
+You can simply import each SVG by targeting `lucide-static/icons/{icon-name}.svg`.
+To use SVGs in your project you can for example use a [SVG loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
 
 ```js
 import arrowRightIcon from 'lucide-static/icons/arrow-right';
 
-// return string of a svg
+// return string of an SVG
 ```
 
 ### SVG Sprite
@@ -116,7 +116,7 @@ If you'd prefer, you can use CSS to hold your base SVG properties
 }
 ```
 
-and update the svg as follows
+and update the SVG as follows
 
 ```svg
 <svg

docs/packages/lucide-svelte.md

@@ -42,12 +42,14 @@ You can pass additional props to adjust the icon.
 
 ### Available props
 
-| name          | type     | default      |
-| ------------- | -------- | ------------ |
-| `size`        | _Number_ | 24           |
-| `color`       | _String_ | currentColor |
-| `strokeWidth` | _Number_ | 2            |
-| `*<SVGProps>` | _String_ | -            |
+| name                  | type      | default      |
+| --------------------- | --------- | ------------ |
+| `size`                | *number*  | 24           |
+| `color`               | *string*  | currentColor |
+| `strokeWidth`         | *number*  | 2            |
+| `absoluteStrokeWidth` | *boolean* | false        |
+| `*<SVGProps>`         | *string*  | -            |
+
 
 \* All SVGProps are available to style the svgs. See the list of SVG Presentation Attributes on [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/Presentation)
 

docs/packages/lucide-vue-next.md

@@ -42,12 +42,13 @@ import { Camera } from 'lucide-vue-next';
 
 ### Props
 
-|  name        |   type   |  default
-| ------------ | -------- | --------
-| `size`       | *Number* | 24
-| `color`      | *String* | currentColor
-| `stroke-width`| *Number* | 2
-| `default-class`| *String* | lucide-icon
+|  name                   |   type    |  default     |
+| ----------------------- | --------- | ------------ |
+| `size`                  | *number*  | 24           |
+| `color`                 | *string*  | currentColor |
+| `stroke-width`          | *number*  | 2            |
+| `absolute-stroke-width` | *boolean* | false        |
+| `default-class`         | *string*  | lucide-icon  |
 
 ### Custom props
 
@@ -69,7 +70,12 @@ It is possible to create one generic icon component to load icons.
 
 ``` html
 <template>
-    <component :is="icon" :size="size" :color="color" :stroke-width="strokeWidth" :default-class="defaultClass" />
+  <component
+    :is="icon"
+    :size="size"
+    :color="color"
+    :stroke-width="strokeWidth" :default-class="defaultClass"
+  />
 </template>
 
 <script setup>

docs/packages/lucide-vue.md

@@ -43,12 +43,13 @@ You can pass additional props to adjust the icon.
 
 ### Props
 
-| name           | type     | default      |
-| -------------- | -------- | ------------ |
-| `size`         | _Number_ | 24           |
-| `color`        | _String_ | currentColor |
-| `strokeWidth`  | _Number_ | 2            |
-| `defaultClass` | _String_ | lucide-icon  |
+|  name                   |   type    |  default     |
+| ----------------------- | --------- | ------------ |
+| `size`                  | *number*  | 24           |
+| `color`                 | *string*  | currentColor |
+| `stroke-width`          | *number*  | 2            |
+| `absolute-stroke-width` | *boolean* | false        |
+| `default-class`         | *string*  | lucide-icon  |
 
 ### Custom props
 

icons/accessibility.svg

@@ -10,8 +10,8 @@
   stroke-linejoin="round"
 >
   <circle cx="16" cy="4" r="1" />
-  <path d="m18 19 1-7-5.87.94" />
-  <path d="m5 8 3-3 5.5 3-2.21 3.1" />
-  <path d="M4.24 14.48c-.19.58-.27 1.2-.23 1.84a5 5 0 0 0 5.31 4.67c.65-.04 1.25-.2 1.8-.46" />
-  <path d="M13.76 17.52c.19-.58.27-1.2.23-1.84a5 5 0 0 0-5.31-4.67c-.65.04-1.25.2-1.8.46" />
+  <path d="m18 19 1-7-6 1" />
+  <path d="m5 8 3-3 5.5 3-2.36 3.5" />
+  <path d="M4.24 14.5a5 5 0 0 0 6.88 6" />
+  <path d="M13.76 17.5a5 5 0 0 0-6.88-6" />
 </svg>

icons/airplay.json

@@ -3,7 +3,9 @@
   "tags": [
     "stream",
     "cast",
-    "mirroring"
+    "mirroring",
+    "screen",
+    "monitor"
   ],
   "categories": [
     "multimedia",

icons/alarm-check.json

@@ -1,7 +1,11 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
-    "done"
+    "done",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "devices",

icons/alarm-check.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />
+  <circle cx="12" cy="13" r="8" />
   <path d="M5 3 2 6" />
   <path d="m22 6-3-3" />
-  <path d="m6 19-2 2" />
-  <path d="m18 19 2 2" />
+  <path d="M6.38 18.7 4 21" />
+  <path d="M17.64 18.67 20 21" />
   <path d="m9 13 2 2 4-4" />
 </svg>

icons/alarm-clock-off.svg

@@ -10,9 +10,9 @@
   stroke-linejoin="round"
 >
   <path d="M6.87 6.87a8 8 0 1 0 11.26 11.26" />
-  <path d="M19.9 14.25A7.44 7.44 0 0 0 20 13a8 8 0 0 0-8-8 7.44 7.44 0 0 0-1.25.1" />
+  <path d="M19.9 14.25a8 8 0 0 0-9.15-9.15" />
   <path d="m22 6-3-3" />
-  <path d="m6 19-2 2" />
+  <path d="M6.26 18.67 4 21" />
   <path d="m2 2 20 20" />
   <path d="M4 4 2 6" />
 </svg>

icons/alarm-clock.svg

@@ -13,6 +13,6 @@
   <path d="M12 9v4l2 2" />
   <path d="M5 3 2 6" />
   <path d="m22 6-3-3" />
-  <path d="m6 19-2 2" />
-  <path d="m18 19 2 2" />
+  <path d="M6.38 18.7 4 21" />
+  <path d="M17.64 18.67 20 21" />
 </svg>

icons/alarm-minus.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />
+  <circle cx="12" cy="13" r="8" />
   <path d="M5 3 2 6" />
   <path d="m22 6-3-3" />
-  <path d="m6 19-2 2" />
-  <path d="m18 19 2 2" />
+  <path d="M6.38 18.7 4 21" />
+  <path d="M17.64 18.67 20 21" />
   <path d="M9 13h6" />
 </svg>

icons/alarm-plus.svg

@@ -9,11 +9,11 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />
+  <circle cx="12" cy="13" r="8" />
   <path d="M5 3 2 6" />
   <path d="m22 6-3-3" />
-  <path d="m6 19-2 2" />
-  <path d="m18 19 2 2" />
+  <path d="M6.38 18.7 4 21" />
+  <path d="M17.64 18.67 20 21" />
   <path d="M12 10v6" />
   <path d="M9 13h6" />
 </svg>

icons/album.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
   <polyline points="11 3 11 11 14 8 17 11 17 3" />
 </svg>

icons/alert-circle.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="12" r="10" />
-  <line x1="12" y1="8" x2="12" y2="12" />
-  <line x1="12" y1="16" x2="12.01" y2="16" />
+  <line x1="12" x2="12" y1="8" y2="12" />
+  <line x1="12" x2="12.01" y1="16" y2="16" />
 </svg>

icons/alert-octagon.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <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" />
-  <line x1="12" y1="8" x2="12" y2="12" />
-  <line x1="12" y1="16" x2="12.01" y2="16" />
+  <line x1="12" x2="12" y1="8" y2="12" />
+  <line x1="12" x2="12.01" y1="16" y2="16" />
 </svg>

icons/alert-triangle.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" />
-  <line x1="12" y1="9" x2="12" y2="13" />
-  <line x1="12" y1="17" x2="12.01" y2="17" />
+  <line x1="12" x2="12" y1="9" y2="13" />
+  <line x1="12" x2="12.01" y1="17" y2="17" />
 </svg>

icons/align-center.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="21" y1="6" x2="3" y2="6" />
-  <line x1="17" y1="12" x2="7" y2="12" />
-  <line x1="19" y1="18" x2="5" y2="18" />
+  <line x1="21" x2="3" y1="6" y2="6" />
+  <line x1="17" x2="7" y1="12" y2="12" />
+  <line x1="19" x2="5" y1="18" y2="18" />
 </svg>

icons/align-end-horizontal.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="4" y="2" width="6" height="16" rx="2" />
-  <rect x="14" y="9" width="6" height="9" rx="2" />
+  <rect width="6" height="16" x="4" y="2" rx="2" />
+  <rect width="6" height="9" x="14" y="9" rx="2" />
   <path d="M22 22H2" />
 </svg>

icons/align-end-vertical.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="2" y="4" width="16" height="6" rx="2" />
-  <rect x="9" y="14" width="9" height="6" rx="2" />
+  <rect width="16" height="6" x="2" y="4" rx="2" />
+  <rect width="9" height="6" x="9" y="14" rx="2" />
   <path d="M22 22V2" />
 </svg>

icons/align-horizontal-distribute-center.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="4" y="5" width="6" height="14" rx="2" />
-  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="4" y="5" rx="2" />
+  <rect width="6" height="10" x="14" y="7" rx="2" />
   <path d="M17 22v-5" />
   <path d="M17 7V2" />
   <path d="M7 22v-3" />

icons/align-horizontal-distribute-end.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="4" y="5" width="6" height="14" rx="2" />
-  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="4" y="5" rx="2" />
+  <rect width="6" height="10" x="14" y="7" rx="2" />
   <path d="M10 2v20" />
   <path d="M20 2v20" />
 </svg>

icons/align-horizontal-distribute-start.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="4" y="5" width="6" height="14" rx="2" />
-  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="4" y="5" rx="2" />
+  <rect width="6" height="10" x="14" y="7" rx="2" />
   <path d="M4 2v20" />
   <path d="M14 2v20" />
 </svg>

icons/align-horizontal-justify-center.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="2" y="5" width="6" height="14" rx="2" />
-  <rect x="16" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="2" y="5" rx="2" />
+  <rect width="6" height="10" x="16" y="7" rx="2" />
   <path d="M12 2v20" />
 </svg>

icons/align-horizontal-justify-end.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="2" y="5" width="6" height="14" rx="2" />
-  <rect x="12" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="2" y="5" rx="2" />
+  <rect width="6" height="10" x="12" y="7" rx="2" />
   <path d="M22 2v20" />
 </svg>

icons/align-horizontal-justify-start.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="6" y="5" width="6" height="14" rx="2" />
-  <rect x="16" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="6" y="5" rx="2" />
+  <rect width="6" height="10" x="16" y="7" rx="2" />
   <path d="M2 2v20" />
 </svg>

icons/align-horizontal-space-around.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="9" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="10" x="9" y="7" rx="2" />
   <path d="M4 22V2" />
   <path d="M20 22V2" />
 </svg>

icons/align-horizontal-space-between.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="3" y="5" width="6" height="14" rx="2" />
-  <rect x="15" y="7" width="6" height="10" rx="2" />
+  <rect width="6" height="14" x="3" y="5" rx="2" />
+  <rect width="6" height="10" x="15" y="7" rx="2" />
   <path d="M3 2v20" />
   <path d="M21 2v20" />
 </svg>

icons/align-justify.json

@@ -3,7 +3,9 @@
   "tags": [
     "text",
     "alignment",
-    "justified"
+    "justified",
+    "menu",
+    "list"
   ],
   "categories": [
     "text"

icons/align-justify.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="3" y1="6" x2="21" y2="6" />
-  <line x1="3" y1="12" x2="21" y2="12" />
-  <line x1="3" y1="18" x2="21" y2="18" />
+  <line x1="3" x2="21" y1="6" y2="6" />
+  <line x1="3" x2="21" y1="12" y2="12" />
+  <line x1="3" x2="21" y1="18" y2="18" />
 </svg>

icons/align-left.json

@@ -3,7 +3,8 @@
   "tags": [
     "text",
     "alignment",
-    "left"
+    "left",
+    "list"
   ],
   "categories": [
     "text"

icons/align-left.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="21" y1="6" x2="3" y2="6" />
-  <line x1="15" y1="12" x2="3" y2="12" />
-  <line x1="17" y1="18" x2="3" y2="18" />
+  <line x1="21" x2="3" y1="6" y2="6" />
+  <line x1="15" x2="3" y1="12" y2="12" />
+  <line x1="17" x2="3" y1="18" y2="18" />
 </svg>

icons/align-right.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="21" y1="6" x2="3" y2="6" />
-  <line x1="21" y1="12" x2="9" y2="12" />
-  <line x1="21" y1="18" x2="7" y2="18" />
+  <line x1="21" x2="3" y1="6" y2="6" />
+  <line x1="21" x2="9" y1="12" y2="12" />
+  <line x1="21" x2="7" y1="18" y2="18" />
 </svg>

icons/align-start-horizontal.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="4" y="6" width="6" height="16" rx="2" />
-  <rect x="14" y="6" width="6" height="9" rx="2" />
+  <rect width="6" height="16" x="4" y="6" rx="2" />
+  <rect width="6" height="9" x="14" y="6" rx="2" />
   <path d="M22 2H2" />
 </svg>

icons/align-start-vertical.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="6" y="14" width="9" height="6" rx="2" />
-  <rect x="6" y="4" width="16" height="6" rx="2" />
+  <rect width="9" height="6" x="6" y="14" rx="2" />
+  <rect width="16" height="6" x="6" y="4" rx="2" />
   <path d="M2 2v20" />
 </svg>

icons/align-vertical-distribute-center.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="14" width="14" height="6" rx="2" />
-  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="14" rx="2" />
+  <rect width="10" height="6" x="7" y="4" rx="2" />
   <path d="M22 7h-5" />
   <path d="M7 7H1" />
   <path d="M22 17h-3" />

icons/align-vertical-distribute-end.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="14" width="14" height="6" rx="2" />
-  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="14" rx="2" />
+  <rect width="10" height="6" x="7" y="4" rx="2" />
   <path d="M2 20h20" />
   <path d="M2 10h20" />
 </svg>

icons/align-vertical-distribute-start.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="14" width="14" height="6" rx="2" />
-  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="14" rx="2" />
+  <rect width="10" height="6" x="7" y="4" rx="2" />
   <path d="M2 14h20" />
   <path d="M2 4h20" />
 </svg>

icons/align-vertical-justify-center.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="16" width="14" height="6" rx="2" />
-  <rect x="7" y="2" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="16" rx="2" />
+  <rect width="10" height="6" x="7" y="2" rx="2" />
   <path d="M2 12h20" />
 </svg>

icons/align-vertical-justify-end.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="12" width="14" height="6" rx="2" />
-  <rect x="7" y="2" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="12" rx="2" />
+  <rect width="10" height="6" x="7" y="2" rx="2" />
   <path d="M2 22h20" />
 </svg>

icons/align-vertical-justify-start.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="16" width="14" height="6" rx="2" />
-  <rect x="7" y="6" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="16" rx="2" />
+  <rect width="10" height="6" x="7" y="6" rx="2" />
   <path d="M2 2h20" />
 </svg>

icons/align-vertical-space-around.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="7" y="9" width="10" height="6" rx="2" />
+  <rect width="10" height="6" x="7" y="9" rx="2" />
   <path d="M22 20H2" />
   <path d="M22 4H2" />
 </svg>

icons/align-vertical-space-between.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="5" y="15" width="14" height="6" rx="2" />
-  <rect x="7" y="3" width="10" height="6" rx="2" />
+  <rect width="14" height="6" x="5" y="15" rx="2" />
+  <rect width="10" height="6" x="7" y="3" rx="2" />
   <path d="M2 21h20" />
   <path d="M2 3h20" />
 </svg>

icons/anchor.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="5" r="3" />
-  <line x1="12" y1="22" x2="12" y2="8" />
+  <line x1="12" x2="12" y1="22" y2="8" />
   <path d="M5 12H2a10 10 0 0 0 20 0h-3" />
 </svg>

icons/aperture.svg

@@ -10,10 +10,10 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="12" r="10" />
-  <line x1="14.31" y1="8" x2="20.05" y2="17.94" />
-  <line x1="9.69" y1="8" x2="21.17" y2="8" />
-  <line x1="7.38" y1="12" x2="13.12" y2="2.06" />
-  <line x1="9.69" y1="16" x2="3.95" y2="6.06" />
-  <line x1="14.31" y1="16" x2="2.83" y2="16" />
-  <line x1="16.62" y1="12" x2="10.88" y2="21.94" />
+  <line x1="14.31" x2="20.05" y1="8" y2="17.94" />
+  <line x1="9.69" x2="21.17" y1="8" y2="8" />
+  <line x1="7.38" x2="13.12" y1="12" y2="2.06" />
+  <line x1="9.69" x2="3.95" y1="16" y2="6.06" />
+  <line x1="14.31" x2="2.83" y1="16" y2="16" />
+  <line x1="16.62" x2="10.88" y1="12" y2="21.94" />
 </svg>

icons/app-window.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "application",
+    "executable"
+  ],
+  "categories": [
+    "design",
+    "files",
+    "layout"
+  ]
+}

icons/app-window.svg

@@ -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"
+>
+  <rect x="2" y="4" width="20" height="16" rx="2" />
+  <path d="M10 4v4" />
+  <path d="M2 8h20" />
+  <path d="M6 4v4" />
+</svg>

icons/archive-restore.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="2" y="4" width="20" height="5" rx="2" />
+  <rect width="20" height="5" x="2" y="4" rx="2" />
   <path d="M12 13v7" />
   <path d="m9 16 3-3 3 3" />
   <path d="M4 9v9a2 2 0 0 0 2 2h2" />

icons/archive.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="2" y="4" width="20" height="5" rx="2" />
+  <rect width="20" height="5" x="2" y="4" rx="2" />
   <path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9" />
   <path d="M10 13h4" />
 </svg>

icons/arrow-big-down-dash.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "key",
+    "download"
+  ],
+  "categories": [
+    "arrows",
+    "files"
+  ]
+}

icons/arrow-big-down-dash.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
-  <line x1="9" y1="3" x2="9" y2="21" />
+  <path d="M15 5H9" />
+  <path d="M15 9v3h4l-7 7-7-7h4V9h6z" />
 </svg>

icons/arrow-big-down.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M9 3h6v11h4l-7 7-7-7h4z" />
+  <path d="M15 6v6h4l-7 7-7-7h4V6h6z" />
 </svg>

icons/arrow-big-left-dash.json

@@ -1,10 +1,10 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
-    "menu"
+    "key",
+    "back"
   ],
   "categories": [
-    "layout",
     "arrows"
   ]
 }

icons/arrow-big-left-dash.svg

@@ -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"
+>
+  <path d="M19 15V9" />
+  <path d="M15 15h-3v4l-7-7 7-7v4h3v6z" />
+</svg>

icons/arrow-big-left.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
-    "key"
+    "key",
+    "back"
   ],
   "categories": [
     "arrows"

icons/arrow-big-left.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="m3 12 7-7v4h11v6H10v4z" />
+  <path d="M18 15h-6v4l-7-7 7-7v4h6v6z" />
 </svg>

icons/arrow-big-right-dash.json

@@ -1,10 +1,10 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
-    "menu"
+    "key",
+    "forward"
   ],
   "categories": [
-    "layout",
     "arrows"
   ]
 }

icons/arrow-big-right-dash.svg

@@ -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"
+>
+  <path d="M5 9v6" />
+  <path d="M9 9h3V5l7 7-7 7v-4H9V9z" />
+</svg>

icons/arrow-big-right.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="m21 12-7-7v4H3v6h11v4z" />
+  <path d="M6 9h6V5l7 7-7 7v-4H6V9z" />
 </svg>

icons/arrow-big-up-dash.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "keyboard",
+    "key",
+    "forward",
+    "caps lock",
+    "capitals",
+    "mac",
+    "button"
+  ],
+  "categories": [
+    "arrows",
+    "development"
+  ]
+}

icons/arrow-big-up-dash.svg

@@ -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"
+>
+  <path d="M9 19h6" />
+  <path d="M9 15v-3H5l7-7 7 7h-4v3H9z" />
+</svg>

icons/arrow-big-up.json

@@ -1,10 +1,15 @@
 {
   "$schema": "../icon.schema.json",
   "tags": [
+    "keyboard",
     "key",
-    "forward"
+    "forward",
+    "shift",
+    "mac",
+    "button"
   ],
   "categories": [
-    "arrows"
+    "arrows",
+    "development"
   ]
 }

icons/arrow-big-up.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M9 21V10H5l7-7 7 7h-4v11z" />
+  <path d="M9 18v-6H5l7-7 7 7h-4v6H9z" />
 </svg>

icons/arrow-down-0-1.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "filter",
+    "sort",
+    "ascending",
+    "numerical"
+  ],
+  "categories": [
+    "text",
+    "layout",
+    "arrows"
+  ]
+}

icons/arrow-down-0-1.svg

@@ -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="m3 16 4 4 4-4" />
+  <path d="M7 20V4" />
+  <rect x="15" y="4" width="4" height="6" ry="2" />
+  <path d="M17 20v-6h-2" />
+  <path d="M15 20h4" />
+</svg>

icons/arrow-down-1-0.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "filter",
+    "sort",
+    "descending",
+    "numerical"
+  ],
+  "categories": [
+    "text",
+    "layout",
+    "arrows"
+  ]
+}

icons/arrow-down-1-0.svg

@@ -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="m3 16 4 4 4-4" />
+  <path d="M7 20V4" />
+  <path d="M17 10V4h-2" />
+  <path d="M15 10h4" />
+  <rect x="15" y="14" width="4" height="6" ry="2" />
+</svg>

icons/arrow-down-a-z.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "filter",
+    "sort",
+    "ascending",
+    "alphabetical"
+  ],
+  "categories": [
+    "text",
+    "layout",
+    "arrows"
+  ]
+}

icons/arrow-down-a-z.svg

@@ -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="m3 16 4 4 4-4" />
+  <path d="M7 20V4" />
+  <path d="M20 8h-5" />
+  <path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
+  <path d="M15 14h5l-5 6h5" />
+</svg>

icons/arrow-down-circle.svg

@@ -11,5 +11,5 @@
 >
   <circle cx="12" cy="12" r="10" />
   <polyline points="8 12 12 16 16 12" />
-  <line x1="12" y1="8" x2="12" y2="16" />
+  <line x1="12" x2="12" y1="8" y2="16" />
 </svg>

icons/arrow-down-from-line.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction",
+    "download",
+    "expand",
+    "fold",
+    "vertical"
+  ],
+  "categories": [
+    "arrows",
+    "files"
+  ]
+}

icons/arrow-down-from-line.svg

@@ -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="12" x2="12" y1="21" y2="7" />
+  <polyline points="6 15 12 21 18 15" />
+  <path d="M19 3H5" />
+</svg>

icons/arrow-down-left-from-circle.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/arrow-down-left-from-circle.svg

@@ -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"
+>
+  <polyline points="8,22 2,22 2,16 " />
+  <line x1="2" y1="22" x2="12" y2="12" />
+  <path d="M2,12C2,6.5,6.5,2,12,2s10,4.5,10,10s-4.5,10-10,10" />
+</svg>

icons/arrow-down-left.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="17" y1="7" x2="7" y2="17" />
+  <line x1="17" x2="7" y1="7" y2="17" />
   <polyline points="17 17 7 17 7 7" />
 </svg>

icons/arrow-down-narrow-wide.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "filter",
+    "sort",
+    "ascending"
+  ],
+  "categories": [
+    "text",
+    "layout",
+    "arrows"
+  ]
+}

icons/arrow-down-narrow-wide.svg

@@ -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="m3 16 4 4 4-4" />
+  <path d="M7 20V4" />
+  <path d="M11 4h4" />
+  <path d="M11 8h7" />
+  <path d="M11 12h10" />
+</svg>

icons/arrow-down-right-from-circle.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/arrow-down-right-from-circle.svg

@@ -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"
+>
+  <polyline points="22,16 22,22 16,22 " />
+  <line x1="22" y1="22" x2="12" y2="12" />
+  <path d="M12,22C6.5,22,2,17.5,2,12S6.5,2,12,2s10,4.5,10,10" />
+</svg>

icons/arrow-down-right.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="7" y1="7" x2="17" y2="17" />
+  <line x1="7" x2="17" y1="7" y2="17" />
   <polyline points="17 7 17 17 7 17" />
 </svg>

icons/arrow-down-square.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction"
+  ],
+  "categories": [
+    "arrows",
+    "shapes"
+  ]
+}

icons/arrow-down-square.svg

@@ -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"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
+  <polyline points="8 12 12 16 16 12" />
+  <line x1="12" x2="12" y1="8" y2="16" />
+</svg>

icons/arrow-down-to-dot.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction",
+    "step",
+    "into"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/arrow-down-to-dot.svg

@@ -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="12" x2="12" y1="2" y2="16" />
+  <polyline points="19,9 12,16 5,9" />
+  <circle cx="12" cy="21" r="1" />
+</svg>

icons/arrow-down-to-line.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "direction",
+    "download",
+    "git",
+    "version control",
+    "pull",
+    "collapse",
+    "fold",
+    "vertical"
+  ],
+  "categories": [
+    "arrows",
+    "files",
+    "development"
+  ]
+}