add landmark icon (#406)

Bumps [tmpl](https://github.com/daaku/nodejs-tmpl) from 1.0.4 to 1.0.5.
- [Release notes](https://github.com/daaku/nodejs-tmpl/releases)
- [Commits](https://github.com/daaku/nodejs-tmpl/commits/v1.0.5)

---
updated-dependencies:
- dependency-name: tmpl
  dependency-type: indirect
...

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

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,7 +1,7 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-labels: bug
+labels: "🐛 bug"
 ---
 
 <!--

.github/ISSUE_TEMPLATE/icon_request.md

@@ -1,7 +1,7 @@
 ---
 name: Icon request
 about: Suggest an new icon for this project
-labels: "icon request"
+labels: "🙌 icon request"
 ---
 
 <!--

.github/PULL_REQUEST_TEMPLATE/new-icon.md

@@ -0,0 +1,15 @@
+---
+name: New icon
+about: Add a new icon to the library
+labels: "🎨 <icon"
+---
+
+<!-- Thanks for submitting an icon! Please make sure you read the icon design guide
+at https://github.com/lucide-icons/lucide/blob/master/docs/ICON_DESIGN_GUIDE.md beforehand,
+and please fill everything below. -->
+
+- **Name of the icon** : <!-- `icon` -->
+- **Tags (alternative names for this icon)** (add them in tags.json) :  
+- **What is the purpose of this icon?** : <!-- Shows that one can click it to... / Is used to denote or label... -->
+- **100% scale preview** : <!-- upload an image -->
+- **Have you considered alternative possibilities** for its naming or design? : 

.github/workflows/ci.yml

@@ -18,11 +18,11 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Fetch tags
-        run: git fetch --tags
+        run: git fetch --all --tags
 
       - name: Get latest tag
         id: latest-tag
-        run: echo "::set-output name=LATEST_TAG::$(git tag --list 2>/dev/null | tail -n1 2>/dev/null)"
+        run: echo "::set-output name=LATEST_TAG::$(git describe --tags `git rev-list --tags --max-count=1`)"
 
       - name: Get yarn cache directory path
         id: yarn_cache
@@ -39,6 +39,9 @@ jobs:
       - name: Install dependencies
         run: yarn --pure-lockfile
 
+      - name: Check if we can patch
+        run: .github/workflows/version-up.sh --patch
+
       - name: Create new version
         id: new-version
         run: echo "::set-output name=NEW_VERSION::$(.github/workflows/version-up.sh --patch)"

.github/workflows/close-stale-prs.yml

@@ -0,0 +1,18 @@
+name: 'Close stale issues and PR'
+on:
+  schedule:
+    - cron: '45 1 * * *'
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v3
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          stale-pr-message: 'This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.'
+          close-pr-message: 'This PR was closed because it has been stalled for 5 days with no activity.'
+          close-pr-label: '🧶 stale'
+          days-before-stale: 30
+          days-before-close: 5
+          days-before-pr-close: -1

.github/workflows/font.yml

@@ -1,61 +0,0 @@
-name: Build Lucide
-on:
-  push:
-    branches: [ master ]
-
-  pull_request:
-    branches: [ master ]
-
-# A workflow run is made up of one or more jobs that can run sequentially or in parallel
-jobs:
-  Build:
-    runs-on: ubuntu-latest
-    steps:
-
-    - name: Clone 'Lucide'
-      uses: actions/checkout@v2
-
-    - name: Update repos
-      run: sudo apt-get update
-
-    - name: Install FontForge
-      run: sudo apt-get install zlib1g-dev fontforge
-
-    - name: Clone sfnt2woff-zopfli repo
-      run: git clone https://github.com/bramstein/sfnt2woff-zopfli.git sfnt2woff-zopfli
-
-    - name: Install and move sfnt2woff-zopfli
-      run: |
-          cd sfnt2woff-zopfli
-          make
-          sudo mv sfnt2woff-zopfli /usr/local/bin/sfnt2woff
-
-    - name: Clone woff2
-      run: git clone --recursive https://github.com/google/woff2.git
-
-    - name: Install woff2
-      run: |
-          cd woff2
-          sudo make clean all
-          sudo mv woff2_compress /usr/local/bin/ && sudo mv woff2_decompress /usr/local/bin/
-
-    - name: Install Font Custom dependency
-      run: sudo gem install fontcustom
-
-    - name: Install "outline-stroke"
-      run: sudo yarn add svg-outline-stroke -W
-
-    - name: "Outline SVG"
-      run: mkdir converted_icons && node scripts/outline_svg.js
-
-    - name: Build 'Lucide'
-      run: echo "Building Lucide font" && fontcustom compile ./converted_icons -h -n Lucide -o build -F
-
-    - name: Zip 'Lucide'
-      run: zip -r Lucide.zip build
-
-    - name: 'Upload to Artifacts'
-      uses: actions/upload-artifact@v1.0.0
-      with:
-        name: Lucide
-        path: build

.github/workflows/release.yml

@@ -5,22 +5,27 @@ on:
     tags:
     - 'v*'
 
+  workflow_dispatch:
+    inputs:
+      version:
+        description: 'Version'
+        required: true
+
 jobs:
   pre-build:
-    if: github.repository == 'lucide-icons/lucide'
+    if: github.repository == 'lucide-icons/lucide' && contains('["locness3","ericfennis", "johnletey"]', github.actor)
     runs-on: ubuntu-latest
     outputs:
       VERSION: ${{ steps.get_version.outputs.VERSION }}
-      YARN_CACHE_DIR: ${{ steps.yarn_cache.outputs.YARN_CACHE_DIR }}
 
     steps:
       - name: Get the version
         id: get_version
-        run: echo ::set-output name=VERSION::${GITHUB_REF/refs\/tags\/\v}
-
-      - name: Get yarn cache directory path
-        id: yarn_cache
-        run: echo "::set-output name=YARN_CACHE_DIR::$(yarn cache dir)"
+        run: |
+          echo $VERSION_REF
+          echo ::set-output name=VERSION::${VERSION_REF/refs\/tags\/\v}
+        env:
+          VERSION_REF: ${{ github.event.inputs.version || github.ref }}
 
   lucide:
     if: github.repository == 'lucide-icons/lucide'
@@ -28,15 +33,13 @@ jobs:
     needs: pre-build
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/cache@v2
+      - uses: actions/setup-node@v2.4.0
         with:
-          path: ${{ needs.pre-build.outputs.YARN_CACHE_DIR }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version: '14'
+          cache: 'yarn'
 
       - name: Install dependencies
-        run: yarn --pure-lockfile
+        run: yarn
 
       - name: Set Auth Token
         run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
@@ -65,15 +68,13 @@ jobs:
     needs: pre-build
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/cache@v2
+      - uses: actions/setup-node@v2.4.0
         with:
-          path: ${{ needs.pre-build.outputs.YARN_CACHE_DIR }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version: '14'
+          cache: 'yarn'
 
       - name: Install dependencies
-        run: yarn --pure-lockfile
+        run: yarn
 
       - name: Set Auth Token
         run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
@@ -102,19 +103,13 @@ jobs:
     needs: pre-build
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/setup-node@v2.4.0
         with:
-          node-version: '12.x'
-
-      - uses: actions/cache@v2
-        with:
-          path: ${{ needs.pre-build.outputs.YARN_CACHE_DIR }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version: '14'
+          cache: 'yarn'
 
       - name: Install dependencies
-        run: yarn --pure-lockfile
+        run: yarn
 
       - name: Set Auth Token
         run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
@@ -137,18 +132,276 @@ jobs:
           name: lucide-vue-package-json
           path: packages/lucide-vue/package.json
 
-  upload-package-jsons:
+  lucide-vue-next:
     if: github.repository == 'lucide-icons/lucide'
     runs-on: ubuntu-latest
-    needs: [lucide, lucide-react, lucide-vue]
+    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
+
+      - name: Set Auth Token
+        run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
+
+      - name: Set new version
+        run: yarn workspace lucide-vue-next version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
+
+      - name: Build
+        run: yarn workspace lucide-vue-next build
+
+      - name: Test
+        run: yarn workspace lucide-vue-next test
+
+      - name: Publish
+        run: yarn workspace lucide-vue-next publish
+
+      - name: Upload package.json
+        uses: actions/upload-artifact@v2
+        with:
+          name: lucide-vue-next-package-json
+          path: packages/lucide-vue-next/package.json
+
+  lucide-angular:
+    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 --pure-lockfile
+
+      - 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-angular version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
+
+      - name: Build
+        run: yarn workspace lucide-angular build
+
+      - name: Test
+        run: yarn workspace lucide-angular test:headless
+
+      - name: Publish
+        run: yarn workspace lucide-angular publish dist
+
+      - name: Upload package.json
+        uses: actions/upload-artifact@v2
+        with:
+          name: lucide-angular-package-json
+          path: packages/lucide-angular/package.json
+
+  lucide-preact:
+    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
+
+      - 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-preact version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
+
+      - name: Build
+        run: yarn workspace lucide-preact build
+
+      - name: Test
+        run: yarn workspace lucide-preact test
+
+      - name: Publish
+        run: yarn workspace lucide-preact publish
+
+      - name: Upload package.json
+        uses: actions/upload-artifact@v2
+        with:
+          name: lucide-preact-package-json
+          path: packages/lucide-preact/package.json
+
+  lucide-font:
+    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: Update repos
+        run: sudo apt-get update
+
+      - name: Install FontForge
+        run: sudo apt-get install zlib1g-dev fontforge
+
+      - name: Clone sfnt2woff-zopfli repo
+        run: git clone https://github.com/bramstein/sfnt2woff-zopfli.git sfnt2woff-zopfli
+
+      - name: Install and move sfnt2woff-zopfli
+        run: |
+            cd sfnt2woff-zopfli
+            make
+            sudo mv sfnt2woff-zopfli /usr/local/bin/sfnt2woff
+
+      - name: Clone woff2
+        run: git clone --recursive https://github.com/google/woff2.git
+
+      - name: Install woff2
+        run: |
+            cd woff2
+            sudo make clean all
+            sudo mv woff2_compress /usr/local/bin/ && sudo mv woff2_decompress /usr/local/bin/
+
+      - name: Install Font Custom dependency
+        run: sudo gem install fontcustom
+
+      - name: Install
+        run: yarn
+
+      - name: "Outline SVG"
+        run: yarn build:outline-icons
+
+      - name: Build Icon Font
+        run: |
+            mkdir build
+            list=(-200 -300 "" -500 -600)
+            command=''
+            for name in "${list[@]}"
+            do
+              if [ -z "$command" ]
+                subcommand="(fontcustom compile "./converted_icons${name}" -h -n "lucide${name}" -o ./tmp -F && mv ./tmp/* build)"
+                then
+                  command="$subcommand";
+                else
+                  command="$command & $subcommand";
+              fi
+            done
+
+            eval $command
+
+      - name: 'Upload to Artifacts'
+        uses: actions/upload-artifact@v1
+        with:
+          name: lucide-font
+          path: build
+
+  lucide-flutter:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    needs: [pre-build, lucide-font]
+    container:
+      image:  cirrusci/flutter:latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/download-artifact@v2
+      - uses: actions/cache@v2
+        with:
+          path: '~/.pub-cache'
+          key: ${{ runner.os }}-pub-${{ hashFiles('~/.pub-cache') }}
+          restore-keys: |
+            ${{ runner.os }}-pub-
+
+      - name: Setup credentials
+        run: |
+          mkdir -p ~/.pub-cache
+          cat <<EOF > ~/.pub-cache/credentials.json
+          {
+            "accessToken": "${{ secrets.GOOGLE_OAUTH_ACCESS_TOKEN }}",
+            "refreshToken": "${{ secrets.GOOGLE_OAUTH_REFRESH_TOKEN }}",
+            "idToken": "${{ secrets.GOOGLE_OAUTH_ID_TOKEN }}",
+            "tokenEndpoint":"https://accounts.google.com/o/oauth2/token",
+            "scopes": [ "openid", "https://www.googleapis.com/auth/userinfo.email" ],
+            "expiration": 1629835569218
+          }
+          EOF
+
+      - name: Get packages
+        run: flutter pub get
+        working-directory: packages/lucide-flutter
+
+      - name: List lucide-font folder
+        run: ls lucide-font
+
+      - name: Move the ttf file
+        run: mv lucide-font/lucide.ttf packages/lucide-flutter/assets/Lucide.ttf
+
+      - name: Generate exports file
+        run: dart tool/generate_fonts.dart lucide-font/lucide-preview.html
+        working-directory: packages/lucide-flutter
+
+      - name: Update yaml
+        run: sed -E 's/(version:)[^\n]*/\1 ${{ needs.pre-build.outputs.VERSION }}/;' pubspec.yaml > pubspec && mv pubspec pubspec.yaml
+        working-directory: packages/lucide-flutter
+
+      - name: Flutter publish
+        run: flutter pub publish -f
+        working-directory: packages/lucide-flutter
+
+      - name: Upload pubspec.yaml
+        uses: actions/upload-artifact@v2
+        with:
+          name: lucide-flutter-pubspec-yaml
+          path: packages/lucide-flutter/pubspec.yaml
+
+
+  post-release:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    needs: [pre-build, lucide, lucide-react, lucide-vue, lucide-vue-next, lucide-angular, lucide-preact, lucide-flutter, lucide-font]
 
     steps:
-    - uses: actions/checkout@v2
-    - uses: actions/download-artifact@v2
-    - name: Commit package.jsons
-      run: |
-        git add packages/*/package.json
-        git -c user.name="Lucide Bot" -c user.email="lucide-bot@users.noreply.github.com" \
-          commit -m ":package: Bump lucide package versions to ${{ needs.pre-build.outputs.VERSION }}" --no-verify --quiet
-        git remote set-url --push origin https://lucide-bot:${{ secrets.GITHUB_TOKEN }}@github.com/$GITHUB_REPOSITORY.git
-        git push origin HEAD:master
+      - uses: actions/checkout@v2
+      - uses: actions/download-artifact@v2
+
+      - name: Commit package files
+        run: |
+          mv lucide-package-json/package.json packages/lucide/package.json
+          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-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
+
+      - name: Commit package.jsons
+        run: |
+          git add packages/*/package.json packages/lucide-flutter/pubspec.yaml
+          git -c user.name="Lucide Bot" -c user.email="lucide-bot@users.noreply.github.com" \
+            commit -m ":package: Bump lucide package versions to ${{ needs.pre-build.outputs.VERSION }}" --no-verify --quiet
+          git remote set-url --push origin https://lucide-bot:${{ secrets.GITHUB_TOKEN }}@github.com/$GITHUB_REPOSITORY.git
+          git push origin HEAD:master
+
+      - name: Zip font and icons
+        run: |
+          zip -r lucide-font-${{ needs.pre-build.outputs.VERSION }}.zip lucide-font
+          zip -r lucide-icons-${{ needs.pre-build.outputs.VERSION }}.zip icons
+
+      - name: Release zip and fonts
+        uses: softprops/action-gh-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.CREATE_RELEASE_TOKEN }}
+        with:
+          tag_name: v${{ steps.new-version.outputs.VERSION }}
+          files: |
+            lucide-font-${{ needs.pre-build.outputs.VERSION }}.zip
+            lucide-icons-${{ needs.pre-build.outputs.VERSION }}.zip

.github/workflows/version-up.sh

@@ -4,7 +4,7 @@
 
 ## get highest version tag for all branches
 function highest_tag(){
-  local TAG=$(git tag --list 2>/dev/null | tail -n1 2>/dev/null)
+  local TAG=$(git describe --tags `git rev-list --tags --max-count=1`)
   echo "$TAG"
 }
 

.gitignore

@@ -10,3 +10,4 @@ coverage
 stats
 *.log
 packages/**/src/icons/*.js
+packages/**/src/icons/*.ts

CONTRIBUTING.md

@@ -1,3 +1,4 @@
+
 # Contribution Guidelines
 
 :+1::tada: First off, thanks for taking the time to contribute! :tada::+1:
@@ -22,8 +23,23 @@ Guidelines for pull requests:
 
 #### Guidelines
 
-Please make sure you follow the icon guidelines, that should be followed to keep quality and consistency when making icons for Lucide
-Read it here: [ICON_GUIDELINES](docs/ICON_DESIGN_GUIDE.md)
+Please make sure you follow the icon guidelines, that should be followed to keep quality and consistency when making icons for Lucide.
+
+Read it here: [ICON_GUIDELINES](docs/ICON_DESIGN_GUIDE.md).
+
+### Templates
+
+Here you can find templates and instructions on how to implement the guidelines with different programs.
+
+#### Adobe Illustrator
+
+`Template`: You can find a template for Adobe Illustrator under `/docs/templates/illustrator-template.ai`.
+`Instructions`: You can find the [Illustrator Guide](/docs/ILLUSTRATOR_GUIDE.md) and how to work with the template in `/docs/ILLUSTRATOR_GUIDE.md`.
+
+#### Inkscape
+
+`Template`: None
+`Instructions`: You can find the [Inkscape Guide](/docs/INKSCAPE_GUIDE.md) and how to set up Inkscape under `/docs/INKSCAPE_GUIDE.md`.
 
 #### Submitting Mulitple Icons
 

README.md

@@ -4,18 +4,20 @@
 
 ![NPM](https://img.shields.io/npm/l/lucide)
 [![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide)
+[![installs](https://img.shields.io/endpoint?logo=figma&label=installs&url=https://yuanqing.github.io/figma-plugins-stats/plugin/939567362549682242/installs.json)](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons)
 [![Discord](https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA)](https://discord.gg/EH6nSts)
 
 ## What is Lucide?
 
 Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.
-Started after growing disaffection of the moderation of the [Feather Icons](https://github.com/feathericons/feather) project, with over 300+ open issues and over 100+ open PRs, this project is no longer maintained. The owner of the project stopped merging icons and want to keep the project like it now is. Hundreds of developers/designer wasted their time trying to contribute, what a shame.
 
-We're trying to expanding the icon set as much as possible while keeping it nice-looking, we do it as a community of devs and designers, join us!
+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.
+
+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!
 
 ### Why choose Lucide over Feather Icons
 
-- Lucide already expended the icon set by 130+ in less then a year, so more icons to work with.
+- Lucide already expanded the icon set by 130+ in less then a year, so more icons to work with.
 - Well maintained code base.
 - Active community.
 
@@ -27,16 +29,20 @@ We're trying to expanding the icon set as much as possible while keeping it nice
 * [Usage](#usage)
   * [Web](#web)
   * [React](#react)
-  * [Vue](#vue)
+  * [Vue 2](#vue-2)
+  * [Vue 3](#vue-3)
   * [Angular](#angular)
+  * [Preact](#preact)
   * [Figma](#figma)
+  * [Laravel](#laravel)
+  * [Flutter](#flutter)
 * [Contributing](#contributing)
 * [Community](#community)
 * [License](#license)
 
 ## Usage
 
-At its core, Lucide is a collection of [SVG](https://svgontheweb.com/#svg) files. This means that you can use Feather 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)
+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)
 
 The following are additional ways you can use Lucide.
 With the Javascript library you can easily incorporate the icon you want in your webpage.
@@ -69,7 +75,7 @@ npm install lucide-react
 
 For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-react#lucide-react).
 
-### Vue
+### Vue 2
 
 Implementation of the lucide icon library for vue applications.
 
@@ -83,6 +89,20 @@ npm install lucide-vue
 
 For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-vue#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](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-vue-next#lucide-vue-next).
+
 ### Angular
 
 ```sh
@@ -93,7 +113,21 @@ yarn add lucide-angular
 npm install lucide-angular
 ```
 
-For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-angular/projects/lucide-angular#lucide-angular).
+For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/packages/lucide-angular#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](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-preact#lucide-preact).
 
 ### Figma
 
@@ -103,6 +137,26 @@ Visit [Figma community page](https://www.figma.com/community/plugin/939567362549
 
 <img width="420" src="https://www.figma.com/community/plugin/939567362549682242/thumbnail" alt="Figma Lucide Cover">
 
+### Laravel
+
+Implementation of Lucide icon's using `blade-icons` for Laravel based projects.
+
+```sh
+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.
+
+```sh
+flutter pub add lucide_icons
+```
+
+For more details, see the [pub.dev](https://pub.dev/packages/lucide_icons).
+
 ## Contributing
 
 For more info on how to contribute please see the [contribution guidelines](https://github.com/lucide-icons/lucide/blob/master/CONTRIBUTING.md).

babel.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   presets: ['@babel/env'],
+  // babelrcRoots: ['.', './packages/*'],
   env: {
     test: {
       presets: ['@babel/env'],

docs/ILLUSTRATOR_GUIDE.md

@@ -0,0 +1,28 @@
+
+# Illustrator Template Guide
+
+This Guide explains how to properly use the Adobe Illustrator Template for Lucide.
+
+>Attention: Even though it is unlikely the template can be outdated or not 100% correct. Please check the Icon Design Guide before you start working with the template to ensure integrity with the Lucide icon pack.
+
+## General Workflow
+
+The Illustrator template is created following guidelines from the [Icon Design Guide](ICON_DESIGN_GUIDE.md).
+
+**Workflow:**
+
+1. Open the Document which can be found under __*/docs/templates/illustrator_template.ai*__ .
+
+2. You can now remove the content from the example logo layer ("Draw") and start creating.
+
+3. Verify that you follow the [Icon Design Guidelines](ICON_DESIGN_GUIDE.md).
+
+4. Before you export the file as an SVG make sure to check that you followed the guidelines and remove all unecessary layers (especially "Padding" and "Grid").
+
+5. Export the file with the export menu under: `Export > Export As..` than safe the file as SVG. Select the following options in the SVG Options dialog:
+
+![SVG export options in Illustrator](images/illustrator-svg-options.png?raw=true "Setting Page Size")
+
+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/).

icons/archive.svg

@@ -1,15 +1,13 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
+ 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="21 8 21 21 3 21 3 8" />
-  <rect x="1" y="3" width="22" height="5" />
-  <line x1="10" y1="12" x2="14" y2="12" />
-</svg>
+  <path d="M20 9v9a2 2 0 01-2 2H6a2 2 0 01-2-2V9M20 4H4a2 2 0 00-2 2v1a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zM10 13h4"/>
+</svg>

icons/battery-charging.svg

@@ -9,7 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M7 7H3.78A1.73 1.73 0 002 8.67v6.66A1.73 1.73 0 003.78 17H6m8-10h2.22A1.73 1.73 0 0118 8.67v6.66A1.73 1.73 0 0116.22 17H13" />
+  <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" />
   <polyline points="11 7 8 12 12 12 9 17" />
   <line x1="22" x2="22" y1="11" y2="13" />
 </svg>

icons/bell-ring.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"
+>
+  <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="M2 8c0-2.2.7-4.3 2-6" />
+  <path d="M22 8a10 10 0 00-2-6" />
+</svg>

icons/check-circle-2.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="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" />
+</svg>

icons/chevrons-down-up.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M7 20l5-5 5 5" />
+  <path d="M7 4l5 5 5-5" />
+</svg>

icons/chevrons-up-down.svg

@@ -0,0 +1,14 @@
+<svg
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M7 15l5 5 5-5" />
+  <path d="M7 9l5-5 5 5" />
+</svg>

icons/circle-slashed.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"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M22 2L2 22" />
+</svg>

icons/clipboard-check.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="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" />
+</svg>

icons/clipboard-copy.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"
+>
+  <path d="M16 4h2a2 2 0 012 2v4M8 4H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2v-2" />
+  <rect x="8" y="2" width="8" height="4" rx="1" ry="1" />
+  <path d="M21 14H11" />
+  <path d="M15 10l-4 4 4 4" />
+</svg>

icons/clipboard-x.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"
+>
+  <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="M15 11l-6 6" />
+  <path d="M9 11l6 6" />
+</svg>

icons/cloud-fog.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="M20 16.2A4.5 4.5 0 0017.5 8h-1.8A7 7 0 104 14.9" />
+  <path d="M16 17L7 17" />
+  <path d="M17 21L9 21" />
+</svg>

icons/cloud-moon.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="M13.63 22A3.3 3.3 0 0017 18.79a3.3 3.3 0 00-3.38-3.22h-1.34A5.23 5.23 0 007.25 12 5.13 5.13 0 002 17c0 2.76 2.35 5 5.25 5h6.38z" />
+  <path d="M9.95 9a6.13 6.13 0 015.5-5.18 4.77 4.77 0 006.67 6.67A6.13 6.13 0 0119.46 15" />
+</svg>

icons/cloud-sun.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"
+>
+  <path d="M12 2v2" />
+  <path d="M5.22 5.22l1.42 1.42" />
+  <path d="M20 12h2" />
+  <path d="M15.97 12.5A4 4 0 009.5 8.88" />
+  <path d="M13.63 22A3.3 3.3 0 0017 18.79a3.3 3.3 0 00-3.38-3.22h-1.34A5.23 5.23 0 007.25 12 5.13 5.13 0 002 17c0 2.76 2.35 5 5.25 5h6.38z" />
+  <path d="M17.36 6.64l1.42-1.42" />
+</svg>

icons/cloudy.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="M17.5 21a4.5 4.5 0 100-9h-1.8A7 7 0 109 21h8.5z" />
+  <path d="M22 10c0-1.5-1.5-3-3.5-3H17c-.7-2.3-2.9-4-5.4-4-2.7 0-5 2-5.5 4.5" />
+</svg>

icons/currency.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="12" cy="12" r="8" />
+  <line x1="3" y1="3" x2="6" y2="6" />
+  <line x1="21" y1="3" x2="18" y2="6" />
+  <line x1="3" y1="21" x2="6" y2="18" />
+  <line x1="21" y1="21" x2="18" y2="18" />
+</svg>

icons/expand.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"
+>
+  <path d="M21 21l-6-6m6 6v-4.8m0 4.8h-4.8" />
+  <path d="M3 16.2V21m0 0h4.8M3 21l6-6" />
+  <path d="M21 7.8V3m0 0h-4.8M21 3l-6 6" />
+  <path d="M3 7.8V3m0 0h4.8M3 3l6 6" />
+</svg>

icons/flag-triangle-left.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M17 22 17 2 7 7 17 12" />
+</svg>

icons/flag-triangle-right.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M7 22 7 2 17 7 7 12" />
+</svg>

icons/form-input.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="6" width="20" height="12" rx="2" />
+  <path d="M12 12h.01" />
+  <path d="M17 12h.01" />
+  <path d="M7 12h.01" />
+</svg>

icons/forward.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"
+>
+  <polyline points="15 17 20 12 15 7"></polyline>
+  <path d="M4 18v-2a4 4 0 0 1 4-4h12"></path>
+</svg>

icons/function-square.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"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <path d="M9 17c1.93 0 2.85-1 2.85-2.8V9.99c0-1.93 1.03-3.26 3.15-2.93M9 11.24h5.66" />
+</svg>

icons/graduation-cap.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M22 10v6M2 10l10-5 10 5-10 5z" />
+  <path d="M6 12v5c3 3 9 3 12 0v-5" />
+</svg>

icons/hand-metal.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"
+>
+  <path d="M18 12.5V10a2 2 0 00-2-2v0a2 2 0 00-2 2v1.4" />
+  <path d="M14 11V9a2 2 0 10-4 0v2" />
+  <path d="M10 10.5V5a2 2 0 10-4 0v9" />
+  <path d="M7 15l-1.76-1.76a2 2 0 00-2.83 2.82l3.6 3.6C7.5 21.14 9.2 22 12 22h2a8 8 0 008-8V7a2 2 0 10-4 0v5" />
+</svg>

icons/import.svg

@@ -0,0 +1,15 @@
+<svg
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 3v12" />
+  <path d="M8 11l4 4 4-4" />
+  <path d="M8 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2h-4" />
+</svg>

icons/landmark.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"
+>
+  <line x1="3" y1="22" x2="21" y2="22" />
+  <line x1="6" y1="18" x2="6" y2="11" />
+  <line x1="10" y1="18" x2="10" y2="11" />
+  <line x1="14" y1="18" x2="14" y2="11" />
+  <line x1="18" y1="18" x2="18" y2="11" />
+  <polygon points="12 2 20 7 4 7" />
+</svg>

icons/megaphone.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="M3 11l18-5v12L3 14v-3z" />
+  <path d="M11.6 16.8a3 3 0 11-5.8-1.6" />
+</svg>

icons/monitor-speaker.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="M5.5 20H8" />
+  <path d="M17 9h.01" />
+  <rect x="12" y="4" width="10" height="16" rx="2" />
+  <path d="M8 6H4a2 2 0 00-2 2v6a2 2 0 002 2h4" />
+  <circle cx="17" cy="15" r="1" />
+</svg>

icons/mountain-snow.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="M8 3L12 11L17 6L22 21H2L8 3Z" />
+  <path d="M4.14 15.08c2.62-1.57 5.24-1.43 7.86.42 2.74 1.94 5.49 2 8.23.19" />
+</svg>

icons/mountain.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 3L12 11L17 6L22 21H2L8 3Z" />
+</svg>

icons/pause-octagon.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="M10 15V9" />
+  <path d="M14 15V9" />
+  <path d="M7.714 2h8.572L22 7.714v8.572L16.286 22H7.714L2 16.286V7.714L7.714 2z" />
+</svg>

icons/person-standing.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"
+>
+  <circle cx="12" cy="5" r="1" />
+  <path d="M9 20L12 14L15 20" />
+  <path d="M6 8L12 10L18 8" />
+  <path d="M12 10V14" />
+</svg>

icons/plug-zap.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"
+>
+  <path d="M13 2l-2 2.5h3L12 7" />
+  <path d="M12 22v-3" />
+  <path d="M10 13v-2.5" />
+  <path d="M10 12.5v-2" />
+  <path d="M14 12.5v-2" />
+  <path d="M16 15a2 2 0 00-2-2h-4a2 2 0 00-2 2v2a2 2 0 002 2h4a2 2 0 002-2v-2z" />
+</svg>

icons/quote.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="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z" />
+  <path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z" />
+</svg>

icons/reply-all.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="7 17 2 12 7 7"></polyline>
+  <polyline points="12 17 7 12 12 7"></polyline>
+  <path d="M22 18v-2a4 4 0 0 0-4-4H7"></path>
+</svg>

icons/reply.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"
+>
+  <polyline points="9 17 4 12 9 7"></polyline>
+  <path d="M20 18v-2a4 4 0 0 0-4-4H4"></path>
+</svg>

icons/rocking-chair.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"
+>
+  <polyline points="3.5 2 6.5 12.5 18 12.5" />
+  <line x1="9.5" y1="12.5" x2="5.5" y2="20" />
+  <line x1="15" y1="12.5" x2="18.5" y2="20" />
+  <path d="M2.75 18a13 13 0 0018.5 0" />
+</svg>

icons/scale.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="M16 16l3-8 3.001 8A5.002 5.002 0 0116 16z" />
+  <path d="M2 16l3-8 3.001 8A5.002 5.002 0 012 16z" />
+  <path d="M7 21h10" />
+  <path d="M12 3v18" />
+  <path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2" />
+</svg>

icons/settings.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M12.22 2h-.44a2 2 0 00-2 2v.18a2 2 0 01-1 1.73l-.43.25a2 2 0 01-2 0l-.15-.08a2 2 0 00-2.73.73l-.22.38a2 2 0 00.73 2.73l.15.1a2 2 0 011 1.72v.51a2 2 0 01-1 1.74l-.15.09a2 2 0 00-.73 2.73l.22.38a2 2 0 002.73.73l.15-.08a2 2 0 012 0l.43.25a2 2 0 011 1.73V20a2 2 0 002 2h.44a2 2 0 002-2v-.18a2 2 0 011-1.73l.43-.25a2 2 0 012 0l.15.08a2 2 0 002.73-.73l.22-.39a2 2 0 00-.73-2.73l-.15-.08a2 2 0 01-1-1.74v-.5a2 2 0 011-1.74l.15-.09a2 2 0 00.73-2.73l-.22-.38a2 2 0 00-2.73-.73l-.15.08a2 2 0 01-2 0l-.43-.25a2 2 0 01-1-1.73V4a2 2 0 00-2-2z" />
   <circle cx="12" cy="12" r="3" />
-  <path d="M18.727 14.727a1.5 1.5 0 00.3 1.655l.055.054a1.816 1.816 0 010 2.573 1.818 1.818 0 01-2.573 0l-.055-.055a1.5 1.5 0 00-1.654-.3 1.5 1.5 0 00-.91 1.373v.155a1.818 1.818 0 11-3.636 0V20.1a1.5 1.5 0 00-.981-1.373 1.5 1.5 0 00-1.655.3l-.054.055a1.818 1.818 0 01-3.106-1.287 1.818 1.818 0 01.533-1.286l.054-.055a1.5 1.5 0 00.3-1.654 1.5 1.5 0 00-1.372-.91h-.155a1.818 1.818 0 110-3.636H3.9a1.5 1.5 0 001.373-.981 1.5 1.5 0 00-.3-1.655l-.055-.054A1.818 1.818 0 117.491 4.99l.054.054a1.5 1.5 0 001.655.3h.073a1.5 1.5 0 00.909-1.372v-.155a1.818 1.818 0 013.636 0V3.9a1.499 1.499 0 00.91 1.373 1.5 1.5 0 001.654-.3l.054-.055a1.817 1.817 0 012.573 0 1.819 1.819 0 010 2.573l-.055.054a1.5 1.5 0 00-.3 1.655v.073a1.5 1.5 0 001.373.909h.155a1.818 1.818 0 010 3.636H20.1a1.499 1.499 0 00-1.373.91v0z" />
 </svg>

icons/shrink.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"
+>
+  <path d="M15 15l6 6m-6-6v4.8m0-4.8h4.8" />
+  <path d="M9 19.8V15m0 0H4.2M9 15l-6 6" />
+  <path d="M15 4.2V9m0 0h4.8M15 9l6-6" />
+  <path d="M9 4.2V9m0 0H4.2M9 9L3 3" />
+</svg>

icons/sidebar-close.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="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <line x1="9" y1="3" x2="9" y2="21" />
+  <path d="M17 16L13 12L17 8" />
+</svg>

icons/sidebar-open.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="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <line x1="9" y1="3" x2="9" y2="21" />
+  <path d="M13 8L17 12L13 16" />
+</svg>

icons/skull.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="9" cy="12" r="1" />
+  <circle cx="15" cy="12" r="1" />
+  <path d="M8 20v2h8v-2" />
+  <path d="M12.5 17l-.5-1-.5 1h1z" />
+  <path d="M16 20a2 2 0 001.56-3.25 8 8 0 10-11.12 0A2 2 0 008 20" />
+</svg>

icons/smartphone-charging.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"
+>
+  <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
+  <path d="M12.667 8L10 12h4l-2.667 4" />
+</svg>

icons/smartphone.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
-  <line x1="12" y1="18" x2="12.01" y2="18" />
+  <path d="M12 18h.01" />
 </svg>

icons/tent.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="M19 20L10 4" />
+  <path d="M5 20l9-16" />
+  <path d="M3 20h18" />
+  <path d="M12 15l-3 5" />
+  <path d="M12 15l3 5" />
+</svg>

icons/ticket.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"
+>
+  <path d="M3 9V7a2 2 0 012-2h14a2 2 0 012 2v2M3 15v2a2 2 0 002 2h14a2 2 0 002-2v-2" />
+  <path d="M21 15a3 3 0 110-6" />
+  <path d="M3 15a3 3 0 100-6" />
+  <path d="M13 5v2" />
+  <path d="M13 17v2" />
+  <path d="M13 11v2" />
+</svg>

icons/timer-reset.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"
+>
+  <path d="M10 2h4" />
+  <path d="M12 14v-4"/>
+  <path d="M4 13a8 8 0 018-7 8 8 0 11-5.3 14L4 17.6" />
+  <path d="M9 17H4v5" />
+</svg>

icons/tornado.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="M21 4H3" />
+  <path d="M18 8H6" />
+  <path d="M19 12H9" />
+  <path d="M16 16h-6" />
+  <path d="M11 20H9" />
+</svg>

icons/twitter.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
+  <path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5 0-.28-.03-.56-.08-.83A7.72 7.72 0 0023 3z" />
 </svg>

icons/vibrate.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="M2 8l2 2-2 2 2 2-2 2" />
+  <path d="M22 8l-2 2 2 2-2 2 2 2" />
+  <rect x="8" y="5" width="8" height="14" rx="1" />
+</svg>

package.json

@@ -2,27 +2,36 @@
   "private": true,
   "workspaces": {
     "packages": [
-      "packages/*",
-      "site"
+      "packages/*"
     ],
     "nohoist": [
-      "**/jest", "**/jest/**",
-      "**/jasmine", "**/jasmine/**",
-      "**/react", "**/react/**",
-      "**/testing-library__jest-dom", "**/testing-library__jest-dom/**",
-      "**/testing-library__react-hooks", "**/testing-library__react-hooks/**",
-      "**/react-dom", "**/react-dom/**",
-      "**/react-test-renderer", "**/react-test-renderer/**"
+      "**/jest",
+      "**/jest/**",
+      "**/jasmine",
+      "**/jasmine/**",
+      "**/react",
+      "**/react/**",
+      "**/testing-library__jest-dom",
+      "**/testing-library__jest-dom/**",
+      "**/testing-library__react-hooks",
+      "**/testing-library__react-hooks/**",
+      "**/react-dom",
+      "**/react-dom/**",
+      "**/react-test-renderer",
+      "**/react-test-renderer/**"
     ]
   },
   "scripts": {
-    "build": "yarn lucide build && yarn lucide-react build && yarn lucide-vue build",
+    "build": "yarn lucide build && yarn lucide-react build && yarn lucide-preact build && yarn lucide-vue build && yarn lucide-vue-next build && yarn lucide-angular build",
     "test": "yarn lucide build:icons && yarn lucide-react build:icons && yarn lucide-vue build:icons && jest",
     "lucide": "yarn workspace lucide",
     "lucide-angular": "yarn workspace lucide-angular",
     "lucide-react": "yarn workspace lucide-react",
+    "lucide-preact": "yarn workspace lucide-preact",
     "lucide-vue": "yarn workspace lucide-vue",
+    "lucide-vue-next": "yarn workspace lucide-vue-next",
     "build:icons": "babel-node ./scripts/buildIcons.js --presets @babel/env",
+    "build:outline-icons": "babel-node ./scripts/outlineSvg.js --presets @babel/env",
     "optimize": "babel-node ./scripts/optimizeSvgs.js --presets @babel/env",
     "addtags": "babel-node ./scripts/addMissingKeysToTags.js --presets @babel/env",
     "generate:changelog": "babel-node ./scripts/generateChangelog.js --presets @babel/env"
@@ -67,5 +76,8 @@
   },
   "lint-staged": {
     "icons/*.svg": "npx babel-node ./scripts/optimizeStagedSvgs.js --presets @babel/env"
+  },
+  "dependencies": {
+    "svg-outline-stroke": "^1.3.1"
   }
 }

packages/lucide-angular/.gitignore

@@ -48,4 +48,4 @@ Thumbs.db
 
 #npm-yarn
 package-lock.json
-yarn.lock
+src/createElement.js

packages/lucide-angular/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2020, Lucide Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

packages/lucide-angular/README.md

@@ -22,9 +22,9 @@ There are three ways for use this library.
 
 After install `lucide-angular` change content of file `app.component.html` and `app.component.ts`.
 
-``` xml
+``` html
 <!-- app.component.html -->
-<div id="ico"></div>
+<div id="lucide-icon"></div>
 ```
 
 ``` js
@@ -39,13 +39,16 @@ import { Activity } from 'lucide-angular/icons';
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent implements OnInit {
 
+export class AppComponent implements OnInit {
   ngOnInit(): void {
-    const div = document.getElementById('ico');
+    const div = document.getElementById('lucide-icon');
     const elm = createElement(Activity);
     elm.setAttribute('color', 'red'); // or set `width`, `height`, `fill`, `stroke-width`, ...
-    div.appendChild(elm);
+
+    if (div) {
+      div.appendChild(elm);
+    }
   }
 }
 ```
@@ -61,8 +64,7 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { LucideAngularModule } from 'lucide-angular';
-import { AlarmCheck, Edit } from 'lucide-angular/icons';  // or import other icons
+import { LucideAngularModule, AlarmCheck, Edit } from 'lucide-angular';
 
 @NgModule({
   declarations: [
@@ -79,37 +81,12 @@ import { AlarmCheck, Edit } from 'lucide-angular/icons';  // or import other ico
 export class AppModule { }
 ```
 
-``` css
-/* app.component.css */
-.myicon {
-  /* Be sure to set these values */
-  width: 48px;
-  height: 48px;
-  /* or other properties like `color`, `fill`, `stroke-width` */
-}
-```
-
-``` xml
+``` html
 <!-- app.component.html -->
 <lucide-icon name="alarm-check" class="myicon"></lucide-icon>
 <lucide-icon name="edit" class="myicon"></lucide-icon>
 ```
 
-``` js
-// app.component.ts
-
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
-})
-export class AppComponent {
-  
-}
-```
-
 ### Method 3: User __Tag__ with __img__ property
 
 After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
@@ -138,16 +115,6 @@ import { LucideAngularModule } from 'lucide-angular';
 export class AppModule { }
 ```
 
-``` css
-/* app.component.css */
-.myicon {
-  /* Be sure to set these values */
-  width: 48px;
-  height: 48px;
-  /* or other properties like `color`, `fill`, `stroke-width` */
-}
-```
-
 ``` xml
 <!-- app.component.html -->
 <lucide-icon [img]="ico1" class="myicon"></lucide-icon>
@@ -157,13 +124,14 @@ export class AppModule { }
 ``` js
 // app.component.ts
 import { Component } from '@angular/core';
-import { Airplay, Circle } from 'lucide-angular/icons';
+import { Airplay, Circle } from 'lucide-angular';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
+
 export class AppComponent {
   ico1 = Airplay;
   ico2 = Circle;
@@ -175,6 +143,7 @@ export class AppComponent {
 ### Import all icons
 
 In `Method 2`: import all icons in `app.module.ts` by:
+
 ``` js
 ...
 import { icons } from 'lucide-angular/icons';
@@ -182,10 +151,13 @@ import { icons } from 'lucide-angular/icons';
 LucideAngularModule.pick(icons)
 ....
 ```
+
 ### Tags
+
 You can use the following tags instead of `lucide-icon`:
- * lucide-angular  
- * i-lucide  
- * span-lucide  
+
+- lucide-angular
+- i-lucide
+- span-lucide
 
 All of the above are the same

packages/lucide-angular/angular.json

@@ -1,40 +1,40 @@
 {
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "$schema": "../../node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
-  "newProjectRoot": "projects",
+  "newProjectRoot": "",
   "projects": {
     "lucide-angular": {
       "projectType": "library",
-      "root": "projects/lucide-angular",
-      "sourceRoot": "projects/lucide-angular/src",
+      "root": "",
+      "sourceRoot": "src",
       "prefix": "lib",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
-            "tsConfig": "projects/lucide-angular/tsconfig.lib.json",
-            "project": "projects/lucide-angular/ng-package.json"
+            "tsConfig": "tsconfig.lib.json",
+            "project": "ng-package.json"
           },
           "configurations": {
             "production": {
-              "tsConfig": "projects/lucide-angular/tsconfig.lib.prod.json"
+              "tsConfig": "tsconfig.lib.prod.json"
             }
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/lucide-angular/src/test.ts",
-            "tsConfig": "projects/lucide-angular/tsconfig.spec.json",
-            "karmaConfig": "projects/lucide-angular/karma.conf.js"
+            "main": "src/test.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js"
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "projects/lucide-angular/tsconfig.lib.json",
-              "projects/lucide-angular/tsconfig.spec.json"
+              "tsconfig.lib.json",
+              "tsconfig.spec.json"
             ],
             "exclude": [
               "**/node_modules/**"

packages/lucide-angular/karma.conf.js

@@ -1,8 +1,9 @@
+/* eslint-disable import/no-extraneous-dependencies, global-require, func-names */
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 process.env.CHROME_BIN = require('puppeteer').executablePath();
 
-module.exports = function (config) {
+module.exports = function(config) {
   config.set({
     basePath: '',
     frameworks: ['jasmine', '@angular-devkit/build-angular'],
@@ -11,7 +12,7 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
       jasmine: {
@@ -20,18 +21,15 @@ module.exports = function (config) {
         // for example, you can disable the random execution with `random: false`
         // or set a specific seed with `seed: 4321`
       },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
+      suppressAll: true, // removes the duplicated traces
     },
     coverageReporter: {
       dir: require('path').join(__dirname, '../../coverage/lucide-angular'),
       subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
+      reporters: [{ type: 'html' }, { type: 'text-summary' }],
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -42,10 +40,10 @@ module.exports = function (config) {
     customLaunchers: {
       ChromeHeadlessCI: {
         base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
-      }
+        flags: ['--no-sandbox'],
+      },
     },
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };

packages/lucide-angular/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "dist",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

packages/lucide-angular/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lucide-angular",
   "description": "Lucide Angular package, Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "author": "SMAH1",
   "license": "ISC",
   "homepage": "https://lucide.dev",
@@ -9,7 +9,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/lucide-icons/lucide.git",
-    "directory": "packages/lucide-vue"
+    "directory": "packages/lucide-angular"
   },
   "keywords": [
     "Lucide",
@@ -22,29 +22,32 @@
     "Font Awesome"
   ],
   "scripts": {
-    "build": "yarn clean && yarn build:js && yarn build:icons && yarn build:iconsindex && yarn build:ng",
-    "clean": "rm -rf dist && rm -rf projects/lucide-angular/build",
-    "build:js": "mkdir -p projects/lucide-angular/build && cp -av ../lucide/src/createElement.js projects/lucide-angular/build/",
-    "build:icons": "yarn --cwd ../../ build:icons --output=../packages/lucide-angular/projects/lucide-angular/build --templateSrc=../packages/lucide-angular/scripts/exportTemplate && for f in projects/lucide-angular/build/icons/*.js; do mv -- \"$f\" \"${f%.js}.ts\"; done",
-    "build:iconsindex": "yarn --cwd ../../ babel-node packages/lucide-angular/scripts/buildIconsIndex.js",
+    "build": "yarn clean && yarn build:icons && yarn build:ng",
+    "clean": "rm -rf dist && rm -rf ./src/icons/*.ts",
+    "build:icons": "yarn --cwd ../../ build:icons --output=../packages/lucide-angular/src --templateSrc=../packages/lucide-angular/scripts/exportTemplate --iconFileExtention=.ts --exportFileName=index.ts",
     "build:ng": "ng build --prod",
     "test:headless": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
     "test": "ng test",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e",
+    "postinstall": "ngcc"
   },
   "dependencies": {
-    "@angular/common": "~11.2.6",
-    "@angular/compiler": "~11.2.6",
-    "@angular/core": "~11.2.6",
-    "@angular/platform-browser": "~11.2.6",
-    "@angular/platform-browser-dynamic": "~11.2.6",
     "tslib": "^2.0.0"
   },
+  "peerDependencies": {
+    "@angular/common": "^11.2.6",
+    "@angular/core": "^11.2.6"
+  },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.1102.5",
     "@angular/cli": "~11.2.5",
+    "@angular/common": "~11.2.6",
+    "@angular/compiler": "~11.2.6",
     "@angular/compiler-cli": "~11.2.6",
+    "@angular/core": "~11.2.6",
+    "@angular/platform-browser": "~11.2.6",
+    "@angular/platform-browser-dynamic": "~11.2.6",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
     "codelyzer": "^6.0.0",

packages/lucide-angular/projects/lucide-angular/icons-index.ts

@@ -1,4 +0,0 @@
-export * from './build/icons-index';
-
-import * as icons from './build/icons-index';
-export { icons };

packages/lucide-angular/projects/lucide-angular/icons/package.json

@@ -1,7 +0,0 @@
-{
-  "ngPackage": {
-    "lib": {
-      "entryFile": "../icons-index.ts"
-    }
-  }
-}

packages/lucide-angular/projects/lucide-angular/lib-index.ts

@@ -1,4 +0,0 @@
-
-export * from './src/lib/lucide-angular.component';
-export * from './src/lib/lucide-angular.module';
-export * from './lucide';

packages/lucide-angular/projects/lucide-angular/lucide.ts

@@ -1,10 +0,0 @@
-export type IconNode = readonly [string, object];
-export type IconData = readonly [string, object, IconNode[] ];
-
-export declare const icons: { [key: string]: IconData };
-
-import { default as createElementTmp } from './build/createElement';
-
-export function createElement(ico: IconData): HTMLElement {
-    return createElementTmp(ico as any);
-}

packages/lucide-angular/projects/lucide-angular/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/lucide-angular",
-  "lib": {
-    "entryFile": "./lib-index.ts"
-  }
-}

packages/lucide-angular/projects/lucide-angular/package.json

@@ -1,31 +0,0 @@
-{
-  "name": "lucide-angular",
-  "description": "Lucide Angular package, Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
-  "version": "0.15.0",
-  "author": "SMAH1",
-  "license": "ISC",
-  "homepage": "https://lucide.dev",
-  "bugs": "https://github.com/lucide-icons/lucide/issues",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/lucide-icons/lucide.git",
-    "directory": "packages/lucide-vue"
-  },
-  "keywords": [
-    "Lucide",
-    "Angular",
-    "Feather",
-    "Icons",
-    "Icon",
-    "Feather Icons",
-    "Fontawesome",
-    "Font Awesome"
-  ],
-  "peerDependencies": {
-    "@angular/common": "^11.2.6",
-    "@angular/core": "^11.2.6"
-  },
-  "dependencies": {
-    "tslib": "^2.0.0"
-  }
-}

packages/lucide-angular/projects/lucide-angular/tslint.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../tslint.json",
-  "rules": {
-    "directive-selector": [
-      true,
-      "attribute",
-      "lib",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "",
-      "kebab-case"
-    ]
-  }
-}

packages/lucide-angular/scripts/buildIconsIndex.js

@@ -1,39 +0,0 @@
-import path from 'path';
-
-import {
-  writeFile,
-  resetFile,
-  appendFile,
-  readSvgDirectory,
-} from '../../../scripts/helpers';
-
-const TARGET_DIR = path.join(__dirname, '../projects/lucide-angular/build');
-const ICONS_DIR = path.resolve(__dirname, '../../../icons');
-const TYPES_FILE_NAME = 'icons-index.ts';
-
-// Generates header of d.ts file include some types and functions
-const typeDefinitions = `\
-export type IconNode = readonly [string, object];
-export type IconData = readonly [string, object, IconNode[] ];
-
-export declare const icons: { [key: string]: IconData };
-
-// Generated icons
-`;
-
-resetFile(TYPES_FILE_NAME, TARGET_DIR);
-writeFile(typeDefinitions, TYPES_FILE_NAME, TARGET_DIR);
-
-const svgFiles = readSvgDirectory(ICONS_DIR);
-
-svgFiles.forEach(svgFile => {
-  const kebab = path.basename(svgFile, '.svg');
-
-  appendFile(
-    `export * from './icons/${kebab}';\n`,
-    TYPES_FILE_NAME,
-    TARGET_DIR,
-  );
-});
-
-console.log(`Generated ${TYPES_FILE_NAME} file with`, svgFiles.length, 'icons');

packages/lucide-angular/scripts/exportTemplate.js

@@ -1,10 +1,12 @@
 export default ({ componentName, children }) => `
-import { IconData } from '../../lucide';
-import defaultAttributes from '../../default-attributes';
+import { IconData } from './types';
+import defaultAttributes from './constants/default-attributes';
 
-export const ${componentName}: IconData  = [
+const ${componentName}: IconData  = [
   'svg',
   defaultAttributes,
   ${JSON.stringify(children)}
 ];
+
+export default ${componentName};
 `;

packages/lucide-angular/src/helpers/create-element.ts

@@ -0,0 +1,26 @@
+import { IconData } from '../icons/types'
+
+/**
+ * Creates a new SVGElement from icon node
+ * @param {string} tag
+ * @param {object} attrs
+ * @param {array} children
+ * @returns {SVGElement}
+ */
+export const createElement = ([tag, attrs, children = []]: IconData): SVGElement => {
+  const element = document.createElementNS('http://www.w3.org/2000/svg', tag);
+
+  Object.keys(attrs).forEach(name => {
+    element.setAttribute(name, attrs[name]);
+  });
+
+  if (children.length) {
+    children.forEach((child: IconData) => {
+      const childElement = createElement(child);
+
+      element.appendChild(childElement);
+    });
+  }
+
+  return element;
+};

packages/lucide-angular/src/icons/package.json

@@ -0,0 +1,8 @@
+{
+  "ngPackage": {
+    "dest": "dist",
+    "lib": {
+      "entryFile": "./index.ts"
+    }
+  }
+}

packages/lucide-angular/src/icons/types/index.ts

@@ -0,0 +1,3 @@
+export type IconNode = readonly [string, object];
+export type IconData = readonly [string, object, IconNode[]? ];
+export type Icons = { [key: string]: IconData }

packages/lucide-angular/src/index.ts

@@ -0,0 +1,7 @@
+import * as icons from './icons';
+
+export * from './lib/lucide-angular.component';
+export * from './lib/lucide-angular.module';
+export * from './helpers/create-element';
+export * from './icons';
+export { icons };

packages/lucide-angular/src/lib/icons.provider.ts

@@ -1,3 +1,3 @@
-export class Icons {
-  constructor(private icons: object) {}
-}
+export class Icons {
+  constructor(private icons: object) {}
+}

packages/lucide-angular/src/lib/lucide-angular.component.spec.ts

@@ -1,6 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LucideAngularModule } from './lucide-angular.module';
-
 import { LucideAngularComponent } from './lucide-angular.component';
 
 describe('LucideAngularComponent', () => {

packages/lucide-angular/src/lib/lucide-angular.component.ts

@@ -1,6 +1,7 @@
 import { Component, ElementRef, Input, Inject, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
 import { Icons } from './icons.provider';
-import { createElement, IconData } from '../../lucide';
+import { IconData } from '../icons/types';
+import { createElement } from '../helpers/create-element';
 
 @Component({
   selector: 'lucide-angular, lucide-icon, i-lucide, span-lucide',
@@ -9,13 +10,16 @@ import { createElement, IconData } from '../../lucide';
     :host {
       display: inline-block;
       fill: none;
-      stroke: inherit;
-      stroke-width: inherit;
+      stroke: currentColor;
+      stroke-width: 2;
       stroke-linecap: round;
       stroke-linejoin: round;
+      width: 24px;
+      height: 24px;
     }
   `]
 })
+
 export class LucideAngularComponent implements OnChanges {
   @Input() name!: string;
   @Input() img!: IconData;

packages/lucide-angular/src/lib/lucide-angular.module.ts

@@ -1,12 +1,15 @@
 import { NgModule, ModuleWithProviders, Optional } from '@angular/core';
 import { LucideAngularComponent } from './lucide-angular.component';
 import { Icons } from './icons.provider';
-import { IconData  } from '../../lucide';
+import { IconData } from '../icons/types';
 
 @NgModule({
   declarations: [LucideAngularComponent],
+  imports: [
+  ],
   exports: [LucideAngularComponent]
 })
+
 export class LucideAngularModule {
     constructor(@Optional() private icons: Icons) {
         if (!this.icons) {

packages/lucide-angular/tsconfig.json

@@ -9,12 +9,13 @@
     "downlevelIteration": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "allowJs": true,
     "paths": {
       "lucide-angular": [
-        "dist/lucide-angular/lucide-angular",
-        "dist/lucide-angular"
-      ]
+        "dist"
+      ],
+      "lucide-angular/*": [
+        "dist/*"
+      ],
     },
     "moduleResolution": "node",
     "importHelpers": true,

packages/lucide-angular/tsconfig.lib.json

@@ -1,8 +1,8 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig.json",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
+    "outDir": "./out-tsc/lib",
     "target": "es2015",
     "declaration": true,
     "declarationMap": true,
@@ -17,7 +17,8 @@
   "angularCompilerOptions": {
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
-    "enableResourceInlining": true
+    "enableResourceInlining": true,
+    "fullTemplateTypeCheck": true
   },
   "exclude": [
     "src/test.ts",

packages/lucide-angular/tsconfig.spec.json

@@ -1,8 +1,8 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig.json",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
+    "outDir": "./out-tsc/spec",
     "types": [
       "jasmine"
     ]

packages/lucide-angular/tslint.json

@@ -16,6 +16,18 @@
     "deprecation": {
       "severity": "warning"
     },
+    "directive-selector": [
+      true,
+      "attribute",
+      "lib",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "",
+      "kebab-case"
+    ],
     "eofline": true,
     "import-blacklist": [
       true,

packages/lucide-figma/manifest.json

@@ -3,5 +3,6 @@
   "id": "939567362549682242",
   "api": "1.0.0",
   "ui": "build/ui.html",
-  "main": "build/main.js"
+  "main": "build/main.js",
+  "editorType": ["figma"]
 }

packages/lucide-figma/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucide-figma",
-  "version": "0.15.1",
+  "version": "0.15.11",
   "license": "ISC",
   "private": true,
   "main": "build/ui.js",
@@ -15,7 +15,7 @@
     "css-loader": "^3.0.0",
     "html-webpack-inline-source-plugin": "^0.0.10",
     "html-webpack-plugin": "^3.2.0",
-    "lucide-react": "^0.15.1",
+    "lucide-react": "0.16.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "style-loader": "^0.23.1",

packages/lucide-figma/yarn.lock

@@ -2054,9 +2054,9 @@ locate-path@^3.0.0:
     path-exists "^3.0.0"
 
 lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.3:
-  version "4.17.20"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
-  integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
 loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
@@ -2077,13 +2077,13 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
-lucide-react@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.13.0.tgz#7bcc60f85c207b9eed6f4a6c713dfdcb5928d2b3"
-  integrity sha512-4BmILrkeydq8YhHjDRe9qKd42nsog77ZW/bgqy3A56d9pV5v3/2a2gK8qDbAAwpYZva+MIhOTRWpJW8BgtQGUA==
+lucide-react@0.15.11:
+  version "0.15.11"
+  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.15.11.tgz#34f2d76d1e7fda978f4a8b2d0538b84ecbecf106"
+  integrity sha512-2NOpAVt2ScBkwlRvub7adfmWZX1o+so+3elAtyp5g9jaAKthszAgKZwNEFhB2Gl1tT5CuvVLPsjaRjhnpNjq9w==
   dependencies:
     prop-types "^15.7.2"
-    react "^17.0.1"
+    react "^16.5.1"
 
 make-dir@^2.0.0:
   version "2.1.0"
@@ -2495,9 +2495,9 @@ path-key@^2.0.1:
   integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
 
 path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
 path-type@^4.0.0:
   version "4.0.0"
@@ -2586,9 +2586,9 @@ postcss-value-parser@^4.1.0:
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
 postcss@^7.0.14, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
-  version "7.0.35"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.35.tgz#d2be00b998f7f211d8a276974079f2e92b970e24"
-  integrity sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==
+  version "7.0.36"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.36.tgz#056f8cffa939662a8f5905950c07d5285644dfcb"
+  integrity sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==
   dependencies:
     chalk "^2.4.2"
     source-map "^0.6.1"
@@ -2723,7 +2723,7 @@ react-is@^16.8.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react@^16.8.6:
+react@^16.5.1, react@^16.8.6:
   version "16.14.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
   integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
@@ -2732,14 +2732,6 @@ react@^16.8.6:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
-react@^17.0.1:
-  version "17.0.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-17.0.1.tgz#6e0600416bd57574e3f86d92edba3d9008726127"
-  integrity sha512-lG9c9UuMHdcAexXtigOZLX8exLWkW0Ku29qPRU8uhF2R9BN96dLCt0psvzPLlHc5OWkgymP3qwTRgbnw5BKx3w==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
 "readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
@@ -3084,9 +3076,9 @@ split-string@^3.0.1, split-string@^3.0.2:
     extend-shallow "^3.0.0"
 
 ssri@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
-  integrity sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.2.tgz#157939134f20464e7301ddba3e90ffa8f7728ac5"
+  integrity sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==
   dependencies:
     figgy-pudding "^3.5.1"