Fixes triangle & alert-triangle (#586)

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

.github/workflows/ci.yml

@@ -40,11 +40,11 @@ jobs:
         run: yarn --pure-lockfile
 
       - name: Check if we can patch
-        run: .github/workflows/version-up.sh --patch
+        run: .github/workflows/version-up.sh --minor
 
       - name: Create new version
         id: new-version
-        run: echo "::set-output name=NEW_VERSION::$(.github/workflows/version-up.sh --patch)"
+        run: echo "::set-output name=NEW_VERSION::$(.github/workflows/version-up.sh --minor)"
 
       - name: Create change log
         id: change-log
@@ -60,8 +60,8 @@ jobs:
 
       - name: Check output
         run: |
-          echo "${{ steps.new-version.outputs.NEW_VERSION }}"
-          echo "${{ steps.change-log.outputs.CHANGE_LOG }}"
+          echo '${{ steps.new-version.outputs.NEW_VERSION }}'
+          echo '${{ steps.change-log.outputs.CHANGE_LOG }}'
 
       - name: Release
         uses: softprops/action-gh-release@v1

.github/workflows/release.yml

@@ -238,6 +238,41 @@ jobs:
           name: lucide-preact-package-json
           path: packages/lucide-preact/package.json
 
+  lucide-svelte:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    needs: pre-build
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2.4.0
+        with:
+          node-version: "14"
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn --prefer-offline
+
+      - name: Set Auth Token
+        run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
+
+      - name: Set package.json version lucide
+        run: yarn workspace lucide-svelte version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
+
+      - name: Build
+        run: yarn workspace lucide-svelte build
+
+      - name: Test
+        run: yarn workspace lucide-svelte test
+
+      - name: Publish
+        run: yarn workspace lucide-svelte publish
+
+      - name: Upload package.json
+        uses: actions/upload-artifact@v2
+        with:
+          name: lucide-svelte-package-json
+          path: packages/lucide-svelte/package.json
+
   lucide-static:
     if: github.repository == 'lucide-icons/lucide'
     runs-on: ubuntu-latest
@@ -401,6 +436,7 @@ jobs:
         lucide-vue,
         lucide-vue-next,
         lucide-angular,
+        lucide-svelte,
         lucide-preact,
         lucide-flutter,
         lucide-font,
@@ -416,6 +452,7 @@ jobs:
           mv lucide-react-package-json/package.json packages/lucide-react/package.json
           mv lucide-vue-package-json/package.json packages/lucide-vue/package.json
           mv lucide-preact-package-json/package.json packages/lucide-preact/package.json
+          mv lucide-svelte-package-json/package.json packages/lucide-svelte/package.json
           mv lucide-vue-next-package-json/package.json packages/lucide-vue-next/package.json
           mv lucide-angular-package-json/package.json packages/lucide-angular/package.json
           mv lucide-flutter-pubspec-yaml/pubspec.yaml packages/lucide-flutter/pubspec.yaml

.github/workflows/test-lucide-svelte.yml

@@ -0,0 +1,36 @@
+name: Test Lucide Svelte
+
+on:
+  pull_request:
+    paths:
+      - packages/lucide-svelte/**
+  push:
+    paths:
+      - packages/lucide-svelte/**
+
+  workflow_dispatch:
+    inputs:
+      version:
+        description: Version
+        required: true
+
+jobs:
+  lucide-svelte:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2.4.0
+        with:
+          node-version: "14"
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn --prefer-offline
+
+      - name: Build
+        run: yarn workspace lucide-svelte build
+
+      - name: Test
+        run: yarn workspace lucide-svelte test
+

.github/workflows/test-lucide-vue-next.yml

@@ -0,0 +1,36 @@
+name: Test Lucide Vue Next
+
+on:
+  pull_request:
+    paths:
+      - packages/lucide-vue-next/**
+  push:
+    paths:
+      - packages/lucide-vue-next/**
+
+  workflow_dispatch:
+    inputs:
+      version:
+        description: Version
+        required: true
+
+jobs:
+  lucide-vue-next:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2.4.0
+        with:
+          node-version: "14"
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn --prefer-offline
+
+      - name: Build
+        run: yarn workspace lucide-vue-next build
+
+      - name: Test
+        run: yarn workspace lucide-vue-next test
+

.github/workflows/test-lucide-vue.yml

@@ -0,0 +1,36 @@
+name: Test Lucide Vue
+
+on:
+  pull_request:
+    paths:
+      - packages/lucide-vue/**
+  push:
+    paths:
+      - packages/lucide-vue/**
+
+  workflow_dispatch:
+    inputs:
+      version:
+        description: Version
+        required: true
+
+jobs:
+  lucide-vue:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2.4.0
+        with:
+          node-version: "14"
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn --prefer-offline
+
+      - name: Build
+        run: yarn workspace lucide-vue build
+
+      - name: Test
+        run: yarn workspace lucide-vue test
+

CONTRIBUTING.md

@@ -41,6 +41,10 @@ Here you can find templates and instructions on how to implement the guidelines
 `Template`: None
 `Instructions`: You can find the [Inkscape Guide](/docs/INKSCAPE_GUIDE.md) and how to set up Inkscape under `/docs/INKSCAPE_GUIDE.md`.
 
+#### Figma
+`Template`: None
+`Instructions`: You can find the [Figma Guide](/docs/FIGMA_GUIDE.md) and how to set up Figma under `/docs/FIGMA_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.

README.md

@@ -33,6 +33,7 @@ Lucide is trying to expand the icon set as much as possible while staying faithf
   * [Vue 3](#vue-3)
   * [Angular](#angular)
   * [Preact](#preact)
+  * [Static](#static-svg-sprite-font-icons-)
   * [Figma](#figma)
   * [Laravel](#laravel)
   * [Flutter](#flutter)
@@ -129,6 +130,23 @@ npm install lucide-preact
 
 For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-preact#lucide-preact).
 
+### Static (svg sprite, font, icons ..)
+
+Assets:
+[Font Files](https://github.com/lucide-icons/lucide/releases/tag/latest)
+[SVG Files](https://github.com/lucide-icons/lucide/releases/tag/latest)
+[SVG Sprite](https://cdn.jsdelivr.net/npm/lucide-static@latest/sprite.svg)
+
+NPM package
+
+```sh
+yarn add lucide-static
+
+# or
+
+npm install lucide-static
+```
+
 ### Figma
 
 The lucide figma plugin.

docs/FIGMA_GUIDE.md

@@ -0,0 +1,44 @@
+---
+title: Figma Template Guide
+---
+
+# Figma Template Guide
+
+This guide shows the steps to setup Figma for creating icons that conform to the Featherity design guidelines.
+
+## Setting Up The Frame
+When you create a new document in Figma, the document. Each individual icon you want to create, has to be created in a separate frame.
+
+To do this, create a frame of 24x24 pixels.
+
+1. Click the frame button (or press `F`)
+2. Draw a 24x24 frame (or edit it afterwards from the design window)
+
+In this newly created frame, you will create your icon. If you want, you can change the name of your frame to the name of the icon you are going to create. Then it will be exported as `FRAME-NAME.svg`.
+
+## Create your icon
+To design your icon in the style of Feather Icons, you need to adjust a few settings in Figma.
+
+Draw in your new frame with the pen tool. You can open it with the window at the top, or with the shortcut `P`. Once you click in your frame, you can adjust the settings for the pen tool in the design-window on the right.
+
+Set the following:
+1. Vector
+   1. Corner radius: 2px
+2. Stroke
+   1. Stroke width: 2px
+   2. Stroke alignment: center 
+
+![Figma Stroke Options](images/figma-stroke-options.png)
+
+## Export Your Icon
+Once you have completed your icon, you can export it.
+
+1. Select the frame
+2. Open the *Export* tab on the right
+3. Set the file type as SVG
+4. Press export
+   
+That's it. You just made your first icon. Congratulations!
+
+## Figma Tips
+1. The [Icon Design Guidelines](ICON_DESIGN_GUIDE.md) dictate that you keep 2px spacing between detached elements. In Figma, you can easily check this with: `⌥` Option (MacOS) or `Alt` (Windows).

docs/ICON_DESIGN_GUIDE.md

@@ -1,4 +1,8 @@
-# Icon Design Guide
+---
+title: Icon Design Guide
+---
+
+# Icon Design Principles
 
 Here are rules that should be followed to keep quality and consistency when making icons for Lucide.
 

docs/ILLUSTRATOR_GUIDE.md

@@ -1,3 +1,6 @@
+---
+title: Illustrator Template Guide
+---
 
 # Illustrator Template Guide
 
@@ -25,4 +28,4 @@ The Illustrator template is created following guidelines from the [Icon Design G
 
 After that, double check that the [code conventions and SVG global attributes](https://github.com/lucide-icons/lucide/blob/master/docs/ICON_DESIGN_GUIDE.md#code-conventions) are correct.
 
-7. Minify paths with [SVGOMG](https://jakearchibald.github.io/svgomg/).
+7. Minify paths with [SVGOMG](https://jakearchibald.github.io/svgomg/).

docs/INKSCAPE_GUIDE.md

@@ -1,3 +1,7 @@
+---
+title: Icon Design Guide
+---
+
 # Inkscape Setup Guide
 
 This guide shows the steps to setup Inkscape for creating icons that conform to the Featherity design

docs/comparison.md

@@ -0,0 +1,25 @@
+---
+title: Comparison
+---
+
+# Comparison
+
+## Lucide vs Feather Icons
+
+Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather).
+
+It began after growing disaffection of the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned adn not maintained actively. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
+
+Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers.
+
+### Why should I choose Lucide over Feather Icons?
+
+- Lucide already expended the icon set by 130+ in less then a year. Lucide has over 500+ icon, feather sticks around 286 icons.
+- Well maintained code base.
+- Active community.
+
+### Should I migrate to Lucide?
+
+That depends if you're fine with the icons from feather icons. If that is the case, it is maybe not the effort worth it.
+But if you keep wrestling and feel limited by the icons Feather provides you can consider to migrate.
+We didn't remove any icons when we forked, but there are some icons renamed.

docs/index.md

@@ -1,116 +1,23 @@
 ---
 title: Introduction
+nextPage:
+  - comparison
+  - installation
 ---
 
 # Introduction
 
-## What is Lucide?
+An open source icon library for displaying icons and symbols in digital and non digital projects. It is containing over 500+ Vector (svg) files. To use these icons, lucide provides several official packages to make it easier to use these icons in projects.
 
-Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.
+Lucide contains icons with different variants and states. With that designers and developers can choose the right icon for them selves. If icons don't exist you're free to open design request. The Lucide community will help.
 
-It began after growing disaffection of the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
+With help of the community, contributors are providing the library of new icons. With more icons, we simply have more icons to work with in your project. Also with rising of new applications with specific features lucide has the goal the provide the complete set for you project.
 
-Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers and hope that you'll join us!
+When designing new icons, the community is working with a set of design rules. This is to keep icons: recognizable, consistency in style, and readable on all sizes. The community likes to have creativity in new icons but conventional design is important to have recognizable icons.
 
-### Why choose Lucide over Feather Icons
+Beside design, code is also important. Assets like icons in for example web projects can increase the transferred bytes significantly. With the growing internet, lucide has the responsibility to keep their assets small as possible. To achieve this, lucide uses SVG compression and specific code architecture for tree-shaking abilities. With tree-shaking used you will only ship the icons you used, helps you to keep the software small as possible when distributed.
 
-- Lucide already expended the icon set by 130+ in less then a year, so more icons to work with.
-- Well maintained code base.
-- Active community.
+Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [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).
 
-## Getting Started
-
-At its core, Lucide is a collection of [SVG](https://svgontheweb.com/#svg) files. This means that you can use Lucide icons in all the same ways you can use SVGs (e.g. `img`, `background-image`, `inline`, `object`, `embed`, `iframe`). Here's a helpful article detailing the many ways SVGs can be used on the web: [SVG on the Web – Implementation Options](https://svgontheweb.com/#implementation)
-
-### Using Lucide packages
-
-### Web
-
-Implementation of the lucide icon library for web applications.
-
-```sh
-npm install lucide
-
-#or
-
-yarn add lucide
-```
-
-For more details, see the [documentation](lucide).
-
-### React
-
-Implementation of the lucide icon library for react applications.
-
-```sh
-yarn add lucide-react
-
-# or
-
-npm install lucide-react
-```
-
-For more details, see the [documentation](lucide-react).
-
-### Vue 2
-
-Implementation of the lucide icon library for vue applications.
-
-```sh
-yarn add lucide-vue
-
-# or
-
-npm install lucide-vue
-```
-
-For more details, see the [documentation](lucide-vue).
-
-### Vue 3
-
-Implementation of the lucide icon library for vue applications.
-
-```sh
-yarn add lucide-vue-next
-
-# or
-
-npm install lucide-vue-next
-```
-
-For more details, see the [documentation](lucide-vue-next).
-
-### Angular
-
-```sh
-yarn add lucide-angular
-
-# or
-
-npm install lucide-angular
-```
-
-For more details, see the [documentation](lucide-angular).
-
-### Preact
-
-Implementation of the lucide icon library for preact applications.
-
-```sh
-yarn add lucide-preact
-
-# or
-
-npm install lucide-preact
-```
-
-For more details, see the [documentation](lucide-preact).
-
-### Figma
-
-The lucide figma plugin.
-
-Visit [Figma community page](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) to install the plugin.
-
-![Figma Lucide Cover](https://www.figma.com/community/plugin/939567362549682242/thumbnail "Figma Lucide Cover")
+Any questions about lucide? Ask the community. Active on [GitHub](https://github.com/lucide-icons/lucide) and [Discord](https://discord.gg/EH6nSts).
 

docs/installation.md

@@ -4,10 +4,126 @@ title: Installation
 
 # Installation
 
-Hello
+## Web
 
-> hello
+Implementation of the lucide icon library for web applications.
 
-```js
-console.log('asdadfasdf')
+```bash
+npm install lucide
+
+#or
+
+yarn add lucide
 ```
+
+For more details, see the [documentation](packages/lucide).
+
+## React
+
+Implementation of the lucide icon library for react applications.
+
+```bash
+yarn add lucide-react
+
+# or
+
+npm install lucide-react
+```
+
+For more details, see the [documentation](packages/lucide-react).
+
+## Vue 2
+
+Implementation of the lucide icon library for vue applications.
+
+```bash
+yarn add lucide-vue
+
+# or
+
+npm install lucide-vue
+```
+
+For more details, see the [documentation](packages/lucide-vue).
+
+## Vue 3
+
+Implementation of the lucide icon library for vue applications.
+
+```bash
+yarn add lucide-vue-next
+
+# or
+
+npm install lucide-vue-next
+```
+
+For more details, see the [documentation](packages/lucide-vue-next).
+
+## Svelte
+
+Implementation of the lucide icon library for vue applications.
+
+```bash
+yarn add lucide-svelte
+
+# or
+
+npm install lucide-svelte
+```
+
+For more details, see the [documentation](packages/lucide-svelte).
+
+## Angular
+
+```bash
+yarn add lucide-angular
+
+# or
+
+npm install lucide-angular
+```
+
+For more details, see the [documentation](packages/lucide-angular).
+
+## Preact
+
+Implementation of the lucide icon library for preact applications.
+
+```bash
+yarn add lucide-preact
+
+# or
+
+npm install lucide-preact
+```
+
+For more details, see the [documentation](packages/lucide-preact).
+
+## Figma
+
+The lucide figma plugin.
+
+Visit [Figma community page](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) to install the plugin.
+
+![Setting Page Size](https://www.figma.com/community/plugin/939567362549682242/thumbnail "Figma Lucide Cover")
+
+## Laravel
+
+Implementation of Lucide icon's using `blade-icons` for Laravel based projects.
+
+```bash
+composer require mallardduck/blade-lucide-icons
+```
+
+For more details, see the [documentation](https://github.com/mallardduck/blade-lucide-icons/blob/main/README.md).
+
+## Flutter
+
+Implementation of Lucide icon library for Flutter applications.
+
+```bash
+flutter pub add lucide_icons
+```
+
+For more details, see the [pub.dev](https://pub.dev/packages/lucide_icons).

docs/packages/lucide-preact.md

@@ -62,7 +62,7 @@ const App = () => {
 
 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.
+> ⚠️ 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
 

docs/packages/lucide-react.md

@@ -4,7 +4,7 @@ Implementation of the lucide icon library for react applications
 
 ## Installation
 
-```sh
+``` bash
 yarn add lucide-react
 
 # or

docs/packages/lucide-static.md

@@ -11,7 +11,7 @@ This package include the following lucide implementations:
 
 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.
 
-> ⚠️ 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 (Threeshaking). Otherwise it will load all the icons, making you webpage loading slower. Threeshaking is only available in the packages: [lucide](https://github.com/lucide-icons/lucide/tree/master/packages/lucide), [lucide-react](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-react), [lucide-vue](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-vue), [lucide-vue-next](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-vue-next), [lucide-angular](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-angular), [lucide-preact](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-preact)
+> ⚠️ 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)
 
 ## Installation
 

docs/packages/lucide-svelte.md

@@ -0,0 +1,89 @@
+# Lucide Svelte
+
+Implementation of the lucide icon library for svelte applications.
+
+## Installation
+
+```bash
+yarn add lucide-svelte
+
+# or
+
+npm install lucide-svelte
+```
+
+## How to use
+
+All the icons are Svelte components, that ouputs Svg elements. So each icon can be imported and used as a component. This also helps with the use of threeshaking so you only import the icons you use.
+
+### Example
+
+Default usage:
+
+```html
+<script>
+import { Skull } from 'lucide-svelte'
+</script>
+
+<Skull/>
+```
+
+You can pass additional props to adjust the icon.
+
+```html
+<script>
+import { Camera } from 'lucide-svelte'
+</script>
+
+<Camera />
+```
+
+### Available props
+
+|  name          |   type   |  default
+| -------------- | -------- | --------
+| `size`         | *Number* | 24
+| `color`        | *String* | currentColor
+| `strokeWidth`  | *Number* | 2
+| `*<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)
+
+### Example of custom props
+
+```html
+<script>
+import { Phone } from 'lucide-svelte'
+</script>
+
+<Phone fill="#333"/>
+```
+
+This results a filled phone icon.
+
+### One generic icon component
+
+It is possible to create one generic icon component to load icons.
+
+> ⚠️ Example below importing all EsModules, caution using this example, not recommended when you bundle your application,the build size will grow strongly. Because it will import all the icons.
+
+#### Icon Component Example
+
+``` html
+<script>
+  import * as icons from "lucide-svelte";
+  export let name;
+</script>
+
+<svelte:component this={icons[name]} {...$$props}/>
+```
+
+##### Then you can use it like this
+
+``` html
+<script>
+  import LucideIcon from "./LucideIcon";
+</script>
+
+<LucideIcon name="Menu" />
+```

docs/packages/lucide-vue-next.md

@@ -2,15 +2,19 @@
 
 Implementation of the lucide icon library for Vue 3 applications.
 
-> ⚠️ This version of lucide is for Vue 3, For Vue 2 got to [lucide-vue-next](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-vue#lucide-vue)
+> ⚠️ This version of lucide is for Vue 3, For Vue 2 got to [lucide-vue-next](lucide-vue)
 
 ## Installation
 
-```sh
+**With yarn**
+
+```bash
 yarn add lucide-vue-next
+```
 
-# or
+**With npm**
 
+```bash
 npm install lucide-vue-next
 ```
 
@@ -23,7 +27,7 @@ Each icon can be imported as a vue component.
 
 You can pass additional props to adjust the icon.
 
-``` vue
+``` html
 <template>
   <Camera
     color="red"
@@ -56,7 +60,7 @@ export default {
 
 You can also pass custom props that will be added in the svg as attributes.
 
-``` vue
+``` html
 <template>
   <Camera fill="red" />
 </template>
@@ -66,11 +70,11 @@ You can also pass custom props that will be added in the svg as attributes.
 
 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.
+> ⚠️ 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
 
-``` vue
+``` html
 <template>
   <component :is="icon" />
 </template>
@@ -85,18 +89,18 @@ export default {
       required: true,
     },
   },
-  computed: {
-    icon() {
-      return icons[this.name];
-    },
-  },
+  setup(props) {
+    const icon = computed(() => icons[props.name])
+
+    return { icon }
+  }
 };
 </script>
 ```
 
 ##### Then you can use it like this
 
-``` vue
+``` html
 <template>
   <div id="app">
     <Icon name="Airplay" />

docs/packages/lucide-vue.md

@@ -2,7 +2,7 @@
 
 Implementation of the lucide icon library for Vue applications.
 
-> ⚠️ This version of lucide is for Vue 2, For Vue 3 got to [lucide-vue-next](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-vue-next#lucide-vue-next)
+> ⚠️ This version of lucide is for Vue 2, For Vue 3 got to [lucide-vue-next](lucide-vue-next)
 
 ## Installation
 
@@ -23,7 +23,7 @@ Each icon can be imported as a vue component.
 
 You can pass additional props to adjust the icon.
 
-``` vue
+``` html
 <template>
   <Camera
     color="red"
@@ -56,7 +56,7 @@ export default {
 
 You can also pass custom props that will be added in the svg as attributes.
 
-``` vue
+``` html
 <template>
   <Camera fill="red" />
 </template>
@@ -66,11 +66,11 @@ You can also pass custom props that will be added in the svg as attributes.
 
 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.
+> ⚠️ 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
 
-``` vue
+``` html
 <template>
   <component :is="icon" />
 </template>
@@ -96,7 +96,7 @@ export default {
 
 ##### Then you can use it like this
 
-``` vue
+``` html
 <template>
   <div id="app">
     <Icon name="Airplay" />

icons/accessibility.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"
+>
+  <circle cx="16" cy="4" r="1" />
+  <path d="M18 19L19 12L13.13 12.94" />
+  <path d="M5 8L8 5L13.5 8L11.29 11.1" />
+  <path d="M4.24 14.48C4.05 15.06 3.97 15.68 4.01 16.32C4.19 19.08 6.57 21.17 9.32 20.99C9.97 20.95 10.57 20.79 11.12 20.53" />
+  <path d="M13.76 17.52C13.95 16.94 14.03 16.32 13.99 15.68C13.81 12.92 11.43 10.83 8.68 11.01C8.03 11.05 7.43 11.21 6.88 11.47" />
+</svg>

icons/airplay.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M5 17H4a2 2 0 01-2-2V5a2 2 0 012-2h16a2 2 0 012 2v10a2 2 0 01-2 2h-1" />
+  <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" />
   <polygon points="12 15 17 21 7 21 12 15" />
 </svg>

icons/alarm-check.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 21a8 8 0 100-16 8 8 0 000 16z" />
-  <path d="M5 3L2 6" />
-  <path d="M22 6l-3-3" />
-  <path d="M6 19l-2 2" />
-  <path d="M18 19l2 2" />
-  <path d="M9 13l2 2 4-4" />
+  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />
+  <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="m9 13 2 2 4-4" />
 </svg>

icons/alarm-clock-off.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M19.94 14A8 8 0 0010 5.25m8.13 12.89A8 8 0 116.87 6.86" />
-  <path d="M22 6l-3-3" />
-  <path d="M6 19l-2 2" />
-  <path d="M2 2l20 20" />
-  <path d="M4 4L2 6" />
+  <path d="M19.94 14A8 8 0 0 0 10 5.25m8.13 12.89A8 8 0 1 1 6.87 6.86" />
+  <path d="m22 6-3-3" />
+  <path d="m6 19-2 2" />
+  <path d="m2 2 20 20" />
+  <path d="M4 4 2 6" />
 </svg>

icons/alarm-clock.svg

@@ -11,8 +11,8 @@
 >
   <circle cx="12" cy="13" r="8" />
   <path d="M12 9v4l2 2" />
-  <path d="M5 3L2 6" />
-  <path d="M22 6l-3-3" />
-  <path d="M6 19l-2 2" />
-  <path d="M18 19l2 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" />
 </svg>

icons/alarm-minus.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 21a8 8 0 100-16 8 8 0 000 16z" />
-  <path d="M5 3L2 6" />
-  <path d="M22 6l-3-3" />
-  <path d="M6 19l-2 2" />
-  <path d="M18 19l2 2" />
+  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />
+  <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="M9 13h6" />
 </svg>

icons/alarm-plus.svg

@@ -9,11 +9,11 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 21a8 8 0 100-16 8 8 0 000 16z" />
-  <path d="M5 3L2 6" />
-  <path d="M22 6l-3-3" />
-  <path d="M6 19l-2 2" />
-  <path d="M18 19l2 2" />
+  <path d="M12 21a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" />
+  <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="M12 10v6" />
   <path d="M9 13h6" />
 </svg>

icons/alert-triangle.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" />
+  <path d="M21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21H20A2 2 0 0 0 21.73 18Z" />
   <line x1="12" y1="9" x2="12" y2="13" />
   <line x1="12" y1="17" x2="12.01" y2="17" />
 </svg>

icons/align-center-horizontal.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="M2 12h20" />
+  <path d="M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4" />
+  <path d="M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4" />
+  <path d="M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1" />
+  <path d="M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1" />
+</svg>

icons/align-center-vertical.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="M12 2v20" />
+  <path d="M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4" />
+  <path d="M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4" />
+  <path d="M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1" />
+  <path d="M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1" />
+</svg>

icons/align-end-horizontal.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 x="4" y="2" width="6" height="16" rx="2" />
+  <rect x="14" y="9" width="6" height="9" rx="2" />
+  <path d="M22 22H2" />
+</svg>

icons/align-end-vertical.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 x="2" y="4" width="16" height="6" rx="2" />
+  <rect x="9" y="14" width="9" height="6" rx="2" />
+  <path d="M22 22V2" />
+</svg>

icons/align-horizontal-distribute-center.svg

@@ -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="4" y="5" width="6" height="14" rx="2" />
+  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <path d="M17 22v-5" />
+  <path d="M17 7V2" />
+  <path d="M7 22v-3" />
+  <path d="M7 5V2" />
+</svg>

icons/align-horizontal-distribute-end.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="4" y="5" width="6" height="14" rx="2" />
+  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <path d="M10 2v20" />
+  <path d="M20 2v20" />
+</svg>

icons/align-horizontal-distribute-start.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="4" y="5" width="6" height="14" rx="2" />
+  <rect x="14" y="7" width="6" height="10" rx="2" />
+  <path d="M4 2v20" />
+  <path d="M14 2v20" />
+</svg>

icons/align-horizontal-justify-center.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 x="2" y="5" width="6" height="14" rx="2" />
+  <rect x="16" y="7" width="6" height="10" rx="2" />
+  <path d="M12 2v20" />
+</svg>

icons/align-horizontal-justify-end.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 x="2" y="5" width="6" height="14" rx="2" />
+  <rect x="12" y="7" width="6" height="10" rx="2" />
+  <path d="M22 2v20" />
+</svg>

icons/align-horizontal-justify-start.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 x="6" y="5" width="6" height="14" rx="2" />
+  <rect x="16" y="7" width="6" height="10" rx="2" />
+  <path d="M2 2v20" />
+</svg>

icons/align-horizontal-space-around.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 x="9" y="7" width="6" height="10" rx="2" />
+  <path d="M4 22V2" />
+  <path d="M20 22V2" />
+</svg>

icons/align-horizontal-space-between.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="3" y="5" width="6" height="14" rx="2" />
+  <rect x="15" y="7" width="6" height="10" rx="2" />
+  <path d="M3 2v20" />
+  <path d="M21 2v20" />
+</svg>

icons/align-start-horizontal.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 x="4" y="6" width="6" height="16" rx="2" />
+  <rect x="14" y="6" width="6" height="9" rx="2" />
+  <path d="M22 2H2" />
+</svg>

icons/align-start-vertical.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 x="6" y="14" width="9" height="6" rx="2" />
+  <rect x="6" y="4" width="16" height="6" rx="2" />
+  <path d="M2 2v20" />
+</svg>

icons/align-vertical-distribute-center.svg

@@ -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="5" y="14" width="14" height="6" rx="2" />
+  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <path d="M22 7h-5" />
+  <path d="M7 7H1" />
+  <path d="M22 17h-3" />
+  <path d="M5 17H2" />
+</svg>

icons/align-vertical-distribute-end.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="5" y="14" width="14" height="6" rx="2" />
+  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <path d="M2 20h20" />
+  <path d="M2 10h20" />
+</svg>

icons/align-vertical-distribute-start.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="5" y="14" width="14" height="6" rx="2" />
+  <rect x="7" y="4" width="10" height="6" rx="2" />
+  <path d="M2 14h20" />
+  <path d="M2 4h20" />
+</svg>

icons/align-vertical-justify-center.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 x="5" y="16" width="14" height="6" rx="2" />
+  <rect x="7" y="2" width="10" height="6" rx="2" />
+  <path d="M2 12h20" />
+</svg>

icons/align-vertical-justify-end.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 x="5" y="12" width="14" height="6" rx="2" />
+  <rect x="7" y="2" width="10" height="6" rx="2" />
+  <path d="M2 22h20" />
+</svg>

icons/align-vertical-justify-start.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 x="5" y="16" width="14" height="6" rx="2" />
+  <rect x="7" y="6" width="10" height="6" rx="2" />
+  <path d="M2 2h20" />
+</svg>

icons/align-vertical-space-around.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 x="7" y="9" width="10" height="6" rx="2" />
+  <path d="M22 20H2" />
+  <path d="M22 4H2" />
+</svg>

icons/align-vertical-space-between.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="5" y="15" width="14" height="6" rx="2" />
+  <rect x="7" y="3" width="10" height="6" rx="2" />
+  <path d="M2 21h20" />
+  <path d="M2 3h20" />
+</svg>

icons/anchor.svg

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

icons/archive.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M20 9v9a2 2 0 01-2 2H6a2 2 0 01-2-2V9m16-5H4a2 2 0 00-2 2v1a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm-10 9h4" />
+  <path d="M20 9v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9m16-5H4a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm-10 9h4" />
 </svg>

icons/arrow-big-left.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M3 12l7-7v4h11v6H10v4z" />
+  <path d="m3 12 7-7v4h11v6H10v4z" />
 </svg>

icons/arrow-big-right.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 12l-7-7v4H3v6h11v4z" />
+  <path d="m21 12-7-7v4H3v6h11v4z" />
 </svg>

icons/asterisk.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <path d="M12 6v12" />
-  <path d="M17.196 9L6.804 15" />
-  <path d="M6.804 9l10.392 6" />
+  <path d="M17.196 9 6.804 15" />
+  <path d="m6.804 9 10.392 6" />
 </svg>

icons/at-sign.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="12" r="4" />
-  <path d="M16 8v5a3 3 0 006 0v-1a10 10 0 10-3.92 7.94" />
+  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" />
 </svg>

icons/award.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <circle cx="12" cy="8" r="7" />
-  <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88" />
+  <circle cx="12" cy="8" r="6" />
+  <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11" />
 </svg>

icons/axe.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14 12l-8.501 8.501a2.12 2.12 0 01-2.998 0h-.002a2.12 2.12 0 010-2.998L11 9.002" />
-  <path d="M9 7l4-4 6 6h3l-.13.648a7.648 7.648 0 01-5.081 5.756L15 16v-3z" />
+  <path d="m14 12-8.501 8.501a2.12 2.12 0 0 1-2.998 0h-.002a2.12 2.12 0 0 1 0-2.998L11 9.002" />
+  <path d="m9 7 4-4 6 6h3l-.13.648a7.648 7.648 0 0 1-5.081 5.756L15 16v-3z" />
 </svg>

icons/baseline.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"
+>
+  <path d="M4 20h16" />
+  <path d="m6 16 6-12 6 12" />
+  <path d="M8 12h8" />
+</svg>

icons/battery-charging.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14 7h2a2 2 0 012 2v6a2 2 0 01-2 2h-3" />
-  <path d="M7 7H4a2 2 0 00-2 2v6a2 2 0 002 2h2" />
+  <path d="M14 7h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-3" />
+  <path d="M7 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" />
   <polyline points="11 7 8 12 12 12 9 17" />
   <line x1="22" x2="22" y1="11" y2="13" />
 </svg>

icons/beaker.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <path d="M4.5 3h15" />
-  <path d="M6 3v16a2 2 0 002 2h8a2 2 0 002-2V3" />
+  <path d="M6 3v16a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V3" />
   <path d="M6 14h12" />
 </svg>

icons/bell-minus.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 01-3.46 0" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
   <path d="M21 5h-6" />
-  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 017-5.916" />
+  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
 </svg>

icons/bell-off.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 01-3.46 0" />
-  <path d="M18.63 13A17.888 17.888 0 0118 8" />
-  <path d="M6.26 6.26A5.86 5.86 0 006 8c0 7-3 9-3 9h14" />
-  <path d="M18 8a6 6 0 00-9.33-5" />
-  <path d="M2 2l20 20" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M18.63 13A17.888 17.888 0 0 1 18 8" />
+  <path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
+  <path d="M18 8a6 6 0 0 0-9.33-5" />
+  <path d="m2 2 20 20" />
 </svg>

icons/bell-plus.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 017-5.916" />
-  <path d="M13.73 21a2 2 0 01-3.46 0" />
+  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
   <path d="M18 2v6" />
   <path d="M21 5h-6" />
 </svg>

icons/bell-ring.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 01-3.46 0" />
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
   <path d="M2 8c0-2.2.7-4.3 2-6" />
-  <path d="M22 8a10 10 0 00-2-6" />
+  <path d="M22 8a10 10 0 0 0-2-6" />
 </svg>

icons/bell.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 01-3.46 0" />
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
 </svg>

icons/bike.svg

@@ -11,5 +11,5 @@
 >
   <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 2zm-3 11.5V14l-3-3 4-3 2 3h2" />
+  <path d="M15 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3 11.5V14l-3-3 4-3 2 3h2" />
 </svg>

icons/bitcoin.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042l-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893l-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042l.348-1.97M7.48 20.364l3.126-17.727" />
+  <path d="M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727" />
 </svg>

icons/bluetooth-connected.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M7 7l10 10-5 5V2l5 5L7 17" />
+  <path d="m7 7 10 10-5 5V2l5 5L7 17" />
   <line x1="18" y1="12" y2="12" x2="21" />
   <line x1="3" y1="12" y2="12" x2="6" />
 </svg>

icons/bluetooth-off.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M17 17l-5 5V12l-5 5" />
-  <path d="M2 2l20 20" />
-  <path d="M14.5 9.5L17 7l-5-5v4.5" />
+  <path d="m17 17-5 5V12l-5 5" />
+  <path d="m2 2 20 20" />
+  <path d="M14.5 9.5 17 7l-5-5v4.5" />
 </svg>

icons/bluetooth-searching.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M7 7l10 10-5 5V2l5 5L7 17" />
-  <path d="M20.83 14.83a4 4 0 000-5.66" />
+  <path d="m7 7 10 10-5 5V2l5 5L7 17" />
+  <path d="M20.83 14.83a4 4 0 0 0 0-5.66" />
   <path d="M18 12h.01" />
 </svg>

icons/bluetooth.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M7 7l10 10-5 5V2l5 5L7 17" />
+  <path d="m7 7 10 10-5 5V2l5 5L7 17" />
 </svg>

icons/bold.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" />
-  <path d="M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" />
+  <path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" />
+  <path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" />
 </svg>

icons/book-open.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" />
-  <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" />
+  <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
+  <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
 </svg>

icons/book.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4 19.5A2.5 2.5 0 016.5 17H20" />
-  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" />
+  <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" />
+  <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" />
 </svg>

icons/bookmark-minus.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M19 21l-7-4-7 4V5a2 2 0 012-2h10a2 2 0 012 2v16z" />
+  <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" />
   <line x1="15" x2="9" y1="10" y2="10" />
 </svg>

icons/bookmark-plus.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M19 21l-7-4-7 4V5a2 2 0 012-2h10a2 2 0 012 2v16z" />
+  <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" />
   <line x1="12" x2="12" y1="7" y2="13" />
   <line x1="15" x2="9" y1="10" y2="10" />
 </svg>

icons/bookmark.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M19 21l-7-4-7 4V5a2 2 0 012-2h10a2 2 0 012 2v16z" />
+  <path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" />
 </svg>

icons/box-select.svg

@@ -9,16 +9,16 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4 2a2 2 0 00-2 2" />
+  <path d="M4 2a2 2 0 0 0-2 2" />
   <line x1="8" y1="2" x2="10" y2="2" />
   <line x1="14" y1="2" x2="16" y2="2" />
-  <path d="M4 22a2 2 0 01-2-2" />
+  <path d="M4 22a2 2 0 0 1-2-2" />
   <line x1="22" y1="8" x2="22" y2="10" />
   <line x1="22" y1="14" x2="22" y2="16" />
-  <path d="M22 20a2 2 0 01-2 2" />
+  <path d="M22 20a2 2 0 0 1-2 2" />
   <line x1="14" y1="22" x2="16" y2="22" />
   <line x1="8" y1="22" x2="10" y2="22" />
-  <path d="M20 2a2 2 0 012 2" />
+  <path d="M20 2a2 2 0 0 1 2 2" />
   <line x1="2" y1="14" x2="2" y2="16" />
   <line x1="2" y1="8" x2="2" y2="10" />
 </svg>

icons/box.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />
+  <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" />
   <polyline points="3.27 6.96 12 12.01 20.73 6.96" />
   <line x1="12" y1="22.08" x2="12" y2="12" />
 </svg>

icons/briefcase.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <rect x="2" y="7" width="20" height="14" rx="2" ry="2" />
-  <path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16" />
+  <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
 </svg>

icons/brush.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M9.06 11.9l8.07-8.06a2.85 2.85 0 114.03 4.03l-8.06 8.08" />
-  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 00-3-3.02z" />
+  <path d="m9.06 11.9 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08" />
+  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z" />
 </svg>

icons/bug.svg

@@ -10,12 +10,12 @@
   stroke-linejoin="round"
 >
   <rect width="8" height="14" x="8" y="6" rx="4" />
-  <path d="M19 7l-3 2" />
-  <path d="M5 7l3 2" />
-  <path d="M19 19l-3-2" />
-  <path d="M5 19l3-2" />
+  <path d="m19 7-3 2" />
+  <path d="m5 7 3 2" />
+  <path d="m19 19-3-2" />
+  <path d="m5 19 3-2" />
   <path d="M20 13h-4" />
   <path d="M4 13h4" />
-  <path d="M10 4l1 2" />
-  <path d="M14 4l-1 2" />
+  <path d="m10 4 1 2" />
+  <path d="m14 4-1 2" />
 </svg>

icons/building-2.svg

@@ -0,0 +1,20 @@
+<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="M6 22V4c0-.27 0-.55.07-.82.07-.27.2-.52.4-.72.19-.2.44-.32.7-.39C7.46 2 8.73 2 9 2h7c.27 0 .55 0 .82.07.27.07.52.2.72.4.2.19.32.44.39.7.07.28.07.56.07.83v18H6Z" />
+  <path d="M2 14v6c0 1.1.9 2 2 2h2V12H4c-.27 0-.55 0-.82.07-.27.07-.52.2-.72.4-.19.19-.32.44-.39.71A3.4 3.4 0 0 0 2 14Z" />
+  <path d="M20.82 9.07A3.4 3.4 0 0 0 20 9h-2v13h2a2 2 0 0 0 2-2v-9c0-.28 0-.55-.07-.82-.07-.27-.2-.52-.4-.72-.19-.19-.44-.32-.71-.39Z" />
+  <path d="M10 6h4" />
+  <path d="M10 10h4" />
+  <path d="M10 14h4" />
+  <path d="M10 18h4" />
+</svg>
+

icons/bus.svg

@@ -9,7 +9,7 @@
   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" />
+  <path d="M19 17h2l.64-2.54a6 6 0 0 0 0-2.92l-1.07-4.27A3 3 0 0 0 17.66 5H4a2 2 0 0 0-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>

icons/camera-off.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <line x1="2" y1="2" x2="22" y2="22" />
-  <path d="M9.5 4h5L17 7h3a2 2 0 012 2v7.5M7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16" />
-  <path d="M14.121 15.121A3 3 0 119.88 10.88" />
+  <path d="M9.5 4h5L17 7h3a2 2 0 0 1 2 2v7.5M7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16" />
+  <path d="M14.121 15.121A3 3 0 1 1 9.88 10.88" />
 </svg>

icons/camera.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14.5 4h-5L7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2h-3l-2.5-3z" />
+  <path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" />
   <circle cx="12" cy="13" r="3" />
 </svg>

icons/car.svg

@@ -9,7 +9,7 @@
   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" />
+  <path d="M14 16H9m10 0h3v-3.15a1 1 0 0 0-.84-.99L16 11l-2.7-3.6a1 1 0 0 0-.8-.4H5.24a2 2 0 0 0-1.8 1.1l-.8 1.63A6 6 0 0 0 2 12.42V16h2" />
   <circle cx="6.5" cy="16.5" r="2.5" />
   <circle cx="16.5" cy="16.5" r="2.5" />
 </svg>

icons/carrot.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M2.27 21.7s9.87-3.5 12.73-6.36a4.5 4.5 0 00-6.36-6.37C5.77 11.84 2.27 21.7 2.27 21.7zM8.64 14l-2.05-2.04M15.34 15l-2.46-2.46" />
+  <path d="M2.27 21.7s9.87-3.5 12.73-6.36a4.5 4.5 0 0 0-6.36-6.37C5.77 11.84 2.27 21.7 2.27 21.7zM8.64 14l-2.05-2.04M15.34 15l-2.46-2.46" />
   <path d="M22 9s-1.33-2-3.5-2C16.86 7 15 9 15 9s1.33 2 3.5 2S22 9 22 9z" />
   <path d="M15 2s-2 1.33-2 3.5S15 9 15 9s2-1.84 2-3.5C17 3.33 15 2 15 2z" />
 </svg>

icons/cast.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M2 16.1A5 5 0 015.9 20M2 12.05A9 9 0 019.95 20M2 8V6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2h-6" />
+  <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" />
   <line x1="2" y1="20" x2="2.01" y2="20" />
 </svg>

icons/check-circle-2.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" />
-  <path d="M9 12l2 2 4-4" />
+  <path d="m9 12 2 2 4-4" />
 </svg>

icons/check-circle.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />
+  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
   <polyline points="22 4 12 14.01 9 11.01" />
 </svg>

icons/check-square.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <polyline points="9 11 12 14 22 4" />
-  <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11" />
+  <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
 </svg>

icons/chevrons-down-up.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M7 20l5-5 5 5" />
-  <path d="M7 4l5 5 5-5" />
+  <path d="m7 20 5-5 5 5" />
+  <path d="m7 4 5 5 5-5" />
 </svg>

icons/chevrons-left-right.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 7L4 12L9 17"/>
+  <path d="M15 7L20 12L15 17"/>
+</svg>

icons/chevrons-right-left.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="M20 17L15 12L20 7"/>
+  <path d="M4 17L9 12L4 7"/>
+</svg>

icons/chevrons-up-down.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M7 15l5 5 5-5" />
-  <path d="M7 9l5-5 5 5" />
+  <path d="m7 15 5 5 5-5" />
+  <path d="m7 9 5-5 5 5" />
 </svg>

icons/circle-slashed.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="12" r="10" />
-  <path d="M22 2L2 22" />
+  <path d="M22 2 2 22" />
 </svg>

icons/clipboard-check.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" />
-  <path d="M15 2H9a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V3a1 1 0 00-1-1z" />
-  <path d="M9 13l2 2 4-4" />
+  <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 d="M15 2H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z" />
+  <path d="m9 13 2 2 4-4" />
 </svg>