Add bolt (settings variant)/drill icons (#1340 )

* Add `bolt` (settings variant) icon * Add `screw` icon * Add `screw-head` icon * Add `drill` icon * Improve tool icons metadata * Revert "Add `screw-head` icon" This reverts commit 15cc69ffea. * Revert "Add `screw` icon" This reverts commit bc764555d5. * Simplify `drill` icon * Update icons/drill.svg Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org>
Add nitro prepare command docs site (#1774 )
2026-11-11 13:28:19 +00:00 · 2024-01-04 16:24:16 +01:00 · 2024-01-03 11:39:54 +01:00 · 2024-01-03 11:39:42 +01:00 · 2024-01-03 11:38:06 +01:00 · 2024-01-02 15:33:27 +01:00
479 changed files with 10685 additions and 7244 deletions
@@ -4,3 +4,7 @@ coverage
 lib
 tests
 node_modules
+.eslintrc.js
+docs/images
+docs/guide/basics/examples
+packages/lucide-react/dynamicIconImports.js
@@ -1,10 +1,13 @@
+const DEFAULT_ATTRS = require('./scripts/render/default-attrs.json');
+
 module.exports = {
+  root: true,
  env: {
    browser: true,
    node: true,
  },
  extends: ['airbnb-base', 'prettier'],
-  plugins: ['import', 'prettier'],
+  plugins: ['import', 'prettier', '@html-eslint'],
  rules: {
    'no-console': 'off',
    'no-param-reassign': 'off',
@@ -15,6 +18,7 @@ module.exports = {
      {
        singleQuote: true,
        trailingComma: 'all',
+        printWidth: 100
      },
    ],
    'import/no-extraneous-dependencies': [
@@ -33,8 +37,43 @@ module.exports = {
  },
  parserOptions: {
    tsconfigRootDir: __dirname,
-    project: ['./site/tsconfig.json', './packages/*/tsconfig.json'],
+    project: ['./docs/tsconfig.json', './packages/*/tsconfig.json'],
    ecmaVersion: 'latest',
    sourceType: 'module',
  },
+  overrides: [
+    {
+      files: ['./icons/*.svg'],
+      parser: '@html-eslint/parser',
+      rules: {
+        'prettier/prettier': 'off',
+        '@html-eslint/require-doctype': 'off',
+        '@html-eslint/no-duplicate-attrs': 'error',
+        '@html-eslint/no-inline-styles': 'error',
+        '@html-eslint/require-attrs': [
+           'error',
+             ...Object.entries(DEFAULT_ATTRS)
+               .map(([attr, value]) => ({ tag: 'svg', attr, value: String(value) }))
+        ],
+        '@html-eslint/indent': ['error', 2],
+        "@html-eslint/no-multiple-empty-lines": ["error", { "max": 0 }],
+        '@html-eslint/no-extra-spacing-attrs': [
+          'error',
+          {
+            enforceBeforeSelfClose: true,
+          },
+        ],
+        '@html-eslint/require-closing-tags': [
+          'error',
+          {
+            selfClosing: 'always',
+            allowSelfClosingCustom: true,
+          },
+        ],
+        '@html-eslint/element-newline': 'error',
+        '@html-eslint/no-trailing-spaces': 'error',
+        '@html-eslint/quotes': 'error',
+      }
+    },
+  ],
 };
@@ -9,12 +9,12 @@ inputs:
 runs:
  using: "composite"
  steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
      with:
        node-version: 16

-    - uses: pnpm/action-setup@v2.0.1
+    - uses: pnpm/action-setup@v2
      name: Install pnpm
      id: pnpm-install
      with:
@@ -9,12 +9,12 @@ inputs:
 runs:
  using: "composite"
  steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
      with:
        node-version: 16

-    - uses: pnpm/action-setup@v2.0.1
+    - uses: pnpm/action-setup@v2
      name: Install pnpm
      id: pnpm-install
      with:
@@ -1,62 +1,92 @@
 # For changed dependencies
 📦 dependencies:
- pnpm-lock.yaml
+- changed-files:
+  - any-glob-to-any-file:
+    - pnpm-lock.yaml

 # For changes in documentation
 📖 documentation:
- docs/*.md
- docs/**/*.md
+- changed-files:
+  - any-glob-to-any-file:
+    - docs/*.md
+    - docs/**/*.md

 # For changes in the site, but not markdown files
 🌍 site:
- 'docs/**'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'docs/**'

 # For changes in the metadata
 🫧 metadata:
- 'icons/*.json'
- categories/*
+- changed-files:
+  - any-glob-to-any-file:
+    - 'icons/*.json'
+    - categories/*

 # For changes or added icons
 🎨 icon:
- 'icons/*.svg'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'icons/*.svg'

 # For changes in the lucide package
 🧳 lucide package:
- 'packages/lucide/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide/*'

 # For changes in the lucide React package
 ⚛️ react package:
- 'packages/lucide-react/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-react/*'

 # For changes in the lucide React Native package
 ⚛️ react native package:
- 'packages/lucide-react-native/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-react-native/*'

 # For changes in the lucide vue packages
 💎 vue package:
- 'packages/lucide-vue/*'
- 'packages/lucide-vue-next/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-vue/*'
+    - 'packages/lucide-vue-next/*'

 # For changes in the lucide angular package
 🅰️ angular package:
- 'packages/lucide-angular/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-angular/*'

 # For changes in the lucide preact package
 ⚛️ preact package:
- 'packages/lucide-preact/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-preact/*'

 # For changes in the lucide svelte package
 🧣 svelte package:
- 'packages/lucide-svelte/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-svelte/*'

 # For changes in the lucide solid package
 🪝 solid package:
- 'packages/lucide-solid/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-solid/*'

 # For changes in the lucide static package
 🪨 static package:
- 'packages/lucide-static/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-static/*'

 # For changes in the lucide flutter package
 🏹 flutter package:
- 'packages/lucide-flutter/*'
+- changed-files:
+  - any-glob-to-any-file:
+    - 'packages/lucide-flutter/*'
@@ -15,11 +15,11 @@ jobs:
      VERSION: ${{ steps.new-version.outputs.NEW_VERSION }}

    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -7,7 +7,7 @@ jobs:
  stale:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/stale@v3
+      - uses: actions/stale@v9
        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.
@@ -9,4 +9,4 @@ jobs:
      pull-requests: write
    runs-on: ubuntu-latest
    steps:
-    - uses: actions/labeler@v4
+    - uses: actions/labeler@v5
@@ -0,0 +1,25 @@
+name: Linting
+
+on:
+  pull_request:
+    paths:
+      - icons/**
+
+jobs:
+  linting:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run Linter
+        run: pnpm lint
@@ -11,11 +11,11 @@ jobs:
  lucide-angular:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -11,11 +11,11 @@ jobs:
  lucide-font:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -30,7 +30,7 @@ jobs:
        run: pnpm build:font

      - name: "Upload to Artifacts"
-        uses: actions/upload-artifact@v1
+        uses: actions/upload-artifact@v3
        with:
          name: lucide-font
          path: lucide-font
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide-preact/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide-preact:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide-react-native/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide-react-native:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,6 +5,7 @@ on:
    paths:
      - packages/lucide-react/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - scripts/generateNextJSAliases.mjs
      - pnpm-lock.yaml

@@ -12,11 +13,11 @@ jobs:
  lucide-react:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide-solid/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide-solid:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -11,11 +11,11 @@ jobs:
  lucide-static:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide-svelte/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide-svelte:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide-vue-next/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide-vue-next:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide-vue/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide-vue:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -5,17 +5,18 @@ on:
    paths:
      - packages/lucide/**
      - tools/build-icons/**
+      - tools/rollup-plugins/**
      - pnpm-lock.yaml

 jobs:
  lucide:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3.8.1
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -4,40 +4,95 @@ on:
  pull_request_target:
    paths:
      - 'icons/*.svg'
-
-permissions:
-  pull-requests: write
-  contents: write
+    branches:
+      - main

 jobs:
-  add-changed-icons-comment:
+  lint-contributors:
+    if: github.repository == 'lucide-icons/lucide'
    runs-on: ubuntu-latest
+    permissions:
+      contents: read
    steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
        with:
          fetch-depth: 0
          ref: refs/pull/${{ github.event.pull_request.number }}/merge
      - name: Get changed files
        id: changed-files
-        uses: tj-actions/changed-files@v35
+        uses: tj-actions/changed-files@v41
+        with:
+          files: icons/*
+      - uses: actions/setup-node@v4
+      - name: Install simple-git (safer and faster than installing all deps)
+        run: npm install simple-git
+      - name: Generate annotations
+        run: node ./scripts/updateContributors.mjs
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          FETCH_DEPTH: ${{ github.event.pull_request.commits }}
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
+      - name: Generate annotations
+        env:
+          ANNOTATION_SEVERITY: notice
+          ANNOTATION_TITLE: Contributors have changed!
+          ANNOTATION_DESCRIPTION: Don't add people who have only performed automatic optimizations.
+        run: |
+          git diff --unified=0 -- icons/*.json | # diff icon metadata (unified=0 gives the correct chunk line number)
+          perl -ne '/^(\+|- |@)/ && print' | # get chunks (lines that start with "+++", "@@", "+ ", "- ")
+          perl -pe 's/\n/%0A/' | # url encode line breaks (\n -> %0A)
+          perl -pe 's/%0A(\+\+\+ b\/)/\n\1/g' | # split chunks(one chunk per line)
+          perl -pe "s/\+\+\+ b\/([^@]*)%0A@@ -(\d+)[^\s]* \+(\d+)[^@]*@@(.*)/::$ANNOTATION_SEVERITY file=\1,line=\2,endLine=\3,title=$ANNOTATION_TITLE::$ANNOTATION_DESCRIPTION%0A\4/"
+          # Example for the previous substitution
+          # input: +++ b/icons/accessibility.json%0A@@ -2,0 +3 @@%0A+  "contributors": ["hi"],%0A@@ -13 +14 @@%0A+}%0A
+          # output: ::$ANNOTATION_SEVERITY file=icons/accessibility.json,line=2,endLine=3,title=$ANNOTATION_TITLE::$ANNOTATION_DESCRIPTION%0A%0A+  "contributors": ["hi"],%0A@@ -13 +14 @@%0A+}%0A
+      # - name: Fail if contributors have changed
+      #   run: git diff --exit-code -- icons/*.json
+
+  generate-changed-icons-comment-data:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    outputs:
+      generate-1px-stroke-width: ${{ steps.generate-1px-stroke-width.outputs.body }}
+      generate-2px-stroke-width: ${{ steps.generate-2px-stroke-width.outputs.body }}
+      generate-3px-stroke-width: ${{ steps.generate-3px-stroke-width.outputs.body }}
+      generate-24px-dpi-preview: ${{ steps.generate-24px-dpi-preview.outputs.body }}
+      generate-cohesion-check-random: ${{ steps.generate-cohesion-check-random.outputs.body }}
+      generate-cohesion-check-squares: ${{ steps.generate-cohesion-check-squares.outputs.body }}
+      generate-x-rays: ${{ steps.generate-x-rays.outputs.body }}
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: refs/pull/${{ github.event.pull_request.number }}/merge
+      - name: Get changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v41
        with:
          files: icons/*.svg
      - name: Generate 24px dpi preview
        id: generate-24px-dpi-preview
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+          while IFS= read -r file; do
            cat "$file" | # get file content
            tr '\n' ' ' | # remove line breaks
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/dpi/24/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
      - name: Generate cohesion check random
        id: generate-cohesion-check-random
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
@@ -47,11 +102,13 @@ jobs:
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
      - name: Generate cohesion check squares
        id: generate-cohesion-check-squares
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
@@ -61,35 +118,39 @@ jobs:
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
      - name: Generate 1px stroke-width
        id: generate-1px-stroke-width
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+          while IFS= read -r file; do
            cat "$file" | # get file content
            tr '\n' ' ' | # remove line breaks
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/1/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
      - name: Generate 2px stroke-width
        id: generate-2px-stroke-width
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+          while IFS= read -r file; do
            cat "$file" | # get file content
            tr '\n' ' ' | # remove line breaks
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
      - name: Generate 3px stroke-width
@@ -97,29 +158,39 @@ jobs:
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+          while IFS= read -r file; do
            cat "$file" | # get file content
            tr '\n' ' ' | # remove line breaks
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/3/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
      - name: Generate X-rays
        id: generate-x-rays
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+          while IFS= read -r file; do
            cat "$file" | # get file content
            tr '\n' ' ' | # remove line breaks
            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
            base64 -w 0 | # encode svg
            sed "s|.*|<img width=\"400\" title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/$(basename ${file//\.svg/})/&.svg\"/> |"
-          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
          echo >> $GITHUB_OUTPUT
          echo "$delimiter" >> $GITHUB_OUTPUT
+
+  add-changed-icons-comment:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+    needs: [generate-changed-icons-comment-data]
+    steps:
      - name: Find Comment
        uses: peter-evans/find-comment@v2
        id: fc
@@ -128,31 +199,31 @@ jobs:
          comment-author: 'github-actions[bot]'
          body-includes: Added or changed icons
      - name: Create or update comment
-        uses: peter-evans/create-or-update-comment@v2
+        uses: peter-evans/create-or-update-comment@v3
        with:
          comment-id: ${{ steps.fc.outputs.comment-id }}
          issue-number: ${{ github.event.pull_request.number }}
          body: |
            ### Added or changed icons
-            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-2px-stroke-width }}<br/>
            <details>
            <summary>Preview cohesion</summary>
-            ${{ steps.generate-cohesion-check-squares.outputs.body }}<br/>
-            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
-            ${{ steps.generate-cohesion-check-random.outputs.body }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-cohesion-check-squares }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-2px-stroke-width }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-cohesion-check-random }}<br/>
            </details>
            <details>
            <summary>Preview stroke widths</summary>
-            ${{ steps.generate-1px-stroke-width.outputs.body }}<br/>
-            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
-            ${{ steps.generate-3px-stroke-width.outputs.body }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-1px-stroke-width }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-2px-stroke-width }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-3px-stroke-width }}<br/>
            </details>
            <details>
            <summary>DPI Preview (24px)</summary>
-            ${{ steps.generate-24px-dpi-preview.outputs.body }}<br/>
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-24px-dpi-preview }}
            </details>
            <details>
            <summary>Icon X-rays</summary>
-            ${{ steps.generate-x-rays.outputs.body }}
+            ${{ needs.generate-changed-icons-comment-data.outputs.generate-x-rays }}
            </details>
          edit-mode: replace
@@ -39,6 +39,7 @@ jobs:
    runs-on: ubuntu-latest
    needs: pre-release
    strategy:
+      fail-fast: false
      matrix:
        package: [
          'lucide',
@@ -52,11 +53,11 @@ jobs:
          'lucide-svelte',
        ]
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -84,12 +85,12 @@ jobs:
    runs-on: ubuntu-latest
    needs: [pre-release, lucide-font]
    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/download-artifact@v2
+      - uses: actions/checkout@v4
+      - uses: actions/download-artifact@v3
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -117,11 +118,11 @@ jobs:
    runs-on: ubuntu-latest
    needs: pre-release
    steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
      - uses: pnpm/action-setup@v2
        with:
          version: 8
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
        with:
          node-version: 18
          cache: 'pnpm'
@@ -136,7 +137,7 @@ jobs:
        run: pnpm build:font

      - name: "Upload to Artifacts"
-        uses: actions/upload-artifact@v1
+        uses: actions/upload-artifact@v3
        with:
          name: lucide-font
          path: lucide-font
@@ -150,8 +151,8 @@ jobs:
    ]

    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/download-artifact@v2
+      - uses: actions/checkout@v4
+      - uses: actions/download-artifact@v3
      - name: Zip font and icons
        run: |
          zip -r lucide-font-${{ needs.pre-release.outputs.VERSION }}.zip lucide-font
@@ -4,7 +4,6 @@ stats
 node_modules
 tests
 scripts
-site
 src
 build
 babel.config.js
@@ -4,5 +4,10 @@
    "preact",
    "Preact"
  ],
+  "eslint.enable": true,
+  "eslint.validate": [
+    "javascript",
+    "svg"
+  ],
  "svg.preview.background": "transparent"
 }
@@ -33,7 +33,7 @@ Here you can find instructions on how to implement the guidelines with different

 #### [Adobe Illustrator Guide](https://lucide.dev/docs/illustrator-guide)

-You can also [download an Adobe Illustrator template](https://lucide.dev/templates/illustrator-template.ai).
+You can also [download an Adobe Illustrator template](https://github.com/lucide-icons/lucide/blob/main/docs/public/templates/illustrator_template.ai).

 #### [Inkscape Guide](https://lucide.dev/docs/inkscape-guide)

@@ -144,16 +144,19 @@ Root directories

 ```sh
 lucide
-|
 ├── docs
+│   ├── guide
 ├── icons
 ├── packages
-├── scripts
-└── site
+└── scripts
 ```

 ### Docs

+The lucide.dev website is using [vitepress](https://vitepress.dev/) to generate the static website. The markdown files are located in the docs directory. 
+
+### Guides
+
 Detailed documentation about: installation, guides, packages, design guides etc.

 ### Icons
@@ -170,10 +173,6 @@ Includes all the (npm) packages of lucide.

 Includes usefully scripts to automate certain jobs. Big part of the scripts is the template generation, for example it generates icon components  for all the packages. These scripts are usually executed from the "scripts" section in the package.json.

-### site
-
-The lucide.dev website is using [vitepress](https://vitepress.dev/) to generate the static website. The markdown files are located in the docs directory.
-
 ## Documentation

 The documentation files are located in the [docs](https://github.com/lucide-icons/lucide/tree/main/docs) directory. All these markdown files will be loaded in the build of the lucide.dev website.
@@ -11,14 +11,14 @@

 Community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.

-It began after growing disaffection with 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.
+It began after growing dissatisfaction with 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

 - More icons to work with: Lucide already has hundreds of icons more than Feather does.
- Official librairies and integrations with popular frameworks and design tools.
+- Official libraries and integrations with popular frameworks and design tools.
 - Well maintained code base.
 - Active community, regularly growing and improving the set.

@@ -1,5 +1,5 @@
 {
  "$schema": "../category.schema.json",
  "title": "File icons",
-  "icon": "layout"
+  "icon": "panels-top-left"
 }
@@ -1,5 +1,5 @@
 {
  "$schema": "../category.schema.json",
  "title": "Layout",
-  "icon": "layout"
+  "icon": "panels-top-left"
 }
@@ -16,7 +16,7 @@
  "required": ["$schema", "icon", "title"],
  "properties": {
    "$schema": {
-      "const": "../category.schema.json"
+      "type": "string"
    },
    "description": {
      "type": "string"
@@ -17,11 +17,14 @@ export default eventHandler((event) => {

  const children = [];

-  // If the icon already exists, it uses the existing icon as the backdrop.
-  // If the icon does not exist but an icon exists that starts with the same group name, that icon
-  // is used as the backdrop
-  const backdropName =
-    name in iconNodes ? name : name.split('-')[0] in iconNodes ? name.split('-')[0] : null;
+  // Finds the longest matching icon to be use as the backdrop.
+  // For `square-dashed-bottom-code` it suggests `square-dashed-bottom-code`.
+  // For `square-dashed-bottom-i-dont-exist` it suggests `square-dashed-bottom`.
+  const backdropName = name
+    .split('-')
+    .map((_, idx, arr) => arr.slice(0, idx + 1).join('-'))
+    .reverse()
+    .find((groupName) => groupName in iconNodes);
  if (backdropName) {
    const iconNode = iconNodes[backdropName];

@@ -29,7 +32,13 @@ export default eventHandler((event) => {
    const svg = renderToStaticMarkup(createElement(LucideIcon));
    const backdropString = svg.replace(/<svg[^>]*>|<\/svg>/g, '');

-    children.push(createElement(Backdrop, { backdropString, src }));
+    children.push(
+      createElement(Backdrop, {
+        backdropString,
+        src,
+        color: name in iconNodes ? 'red' : '#777',
+      })
+    );
  }

  const svg = Buffer.from(
@@ -119,6 +119,10 @@ export default defineConfig({
    editLink: {
      pattern: 'https://github.com/lucide-icons/lucide/edit/main/docs/:path'
    },
+    carbonAds: {
+      code: 'CWYIC53U',
+      placement: 'lucidedev'
+    }
  },
  sitemap: {
    hostname: 'https://lucide.dev/'
@@ -1,11 +1,12 @@
 import React from 'react';

 interface BackdropProps {
-  src: string
-  backdropString: string
+  src: string;
+  color?: string;
+  backdropString: string;
 }

-const Backdrop = ({ src, backdropString }: BackdropProps): JSX.Element => {
+const Backdrop = ({ src, color = 'red', backdropString }: BackdropProps): JSX.Element => {
  return (
    <>
      <defs xmlns="http://www.w3.org/2000/svg">
@@ -16,8 +17,8 @@ const Backdrop = ({ src, backdropString }: BackdropProps): JSX.Element => {
          patternUnits="userSpaceOnUse"
          patternTransform="rotate(45 50 50)"
        >
-          <line stroke="red" strokeWidth={0.1} y2={1} />
-          <line stroke="red" strokeWidth={0.1} y2={1} />
+          <line stroke={color} strokeWidth={0.1} y2={1} />
+          <line stroke={color} strokeWidth={0.1} y2={1} />
        </pattern>
      </defs>
      <mask id="svg-preview-backdrop-mask-outline" maskUnits="userSpaceOnUse">
@@ -29,20 +30,8 @@ const Backdrop = ({ src, backdropString }: BackdropProps): JSX.Element => {
        <g dangerouslySetInnerHTML={{ __html: src }} strokeWidth={2.05} />
        <g strokeWidth={1.75} dangerouslySetInnerHTML={{ __html: backdropString }} />
      </mask>
-      <g
-        strokeWidth={2.25}
-        stroke="url(#pattern)"
-        mask={'url(#svg-preview-backdrop-mask-outline)'}
-      >
-        <rect
-          x="0"
-          y="0"
-          width="24"
-          height="24"
-          fill="url(#pattern)"
-          opacity={0.5}
-          stroke="none"
-        />
+      <g strokeWidth={2.25} stroke="url(#pattern)" mask={'url(#svg-preview-backdrop-mask-outline)'}>
+        <rect x="0" y="0" width="24" height="24" fill="url(#pattern)" opacity={0.5} stroke="none" />
      </g>
      <rect
        x="0"
@@ -58,14 +47,13 @@ const Backdrop = ({ src, backdropString }: BackdropProps): JSX.Element => {
        y="0"
        width="24"
        height="24"
-        fill="red"
+        fill={color}
        opacity={0.5}
        stroke="none"
        mask={'url(#svg-preview-backdrop-mask-fill)'}
      />
    </>
-  )
-}
-
+  );
+};

 export default Backdrop;
@@ -183,18 +183,62 @@ const Radii = ({
 >) => {
  return (
    <g className="svg-preview-radii-group" {...props}>
-      {paths
-        .filter(({ circle }) => circle)
-        .map(({ c, prev, next, circle: { x, y, r } }) =>
-          c.name === 'circle' ? (
-            <path d={`M${x} ${y}h.01`} />
-          ) : (
-            <>
-              <path d={`M${prev.x} ${prev.y} ${x} ${y} ${next.x} ${next.y}`} />
-              <circle cy={y} cx={x} r={r} />
-            </>
-          )
-        )}
+      {paths.map(
+        ({ c, prev, next, circle }, i) =>
+          circle && (
+            <React.Fragment key={i}>
+              {c.name !== "circle" && (
+                <path
+                  d={`M${prev.x} ${prev.y} ${circle.x} ${circle.y} ${next.x} ${next.y}`}
+                />
+              )}
+              <circle
+                cy={circle.y}
+                cx={circle.x}
+                r={0.25}
+                strokeDasharray="0"
+                stroke={
+                  (Math.round(circle.x * 100) / 100) % 1 !== 0 ||
+                  (Math.round(circle.y * 100) / 100) % 1 !== 0
+                    ? "red"
+                    : undefined
+                }
+              />
+              <circle
+                cy={circle.y}
+                cx={circle.x}
+                r={circle.r}
+                stroke={
+                  (Math.round(circle.r * 1000) / 1000) % 1 !== 0
+                    ? "red"
+                    : undefined
+                }
+              />
+            </React.Fragment>
+          ),
+      )}
+    </g>
+  );
+};
+
+const Handles = ({
+  paths,
+  ...props
+}: { paths: Path[] } & PathProps<
+  'strokeWidth' | 'stroke' | 'strokeDasharray' | 'strokeOpacity',
+  any
+>) => {
+  console.log(paths);
+  return (
+    <g className="svg-preview-handles-group" {...props}>
+      {paths.map(({ c, prev, next, cp1, cp2 }) => (
+        <>
+          {cp1 && <path d={`M${prev.x} ${prev.y} ${cp1.x} ${cp1.y}`} />}
+          {cp1 && <circle cy={cp1.y} cx={cp1.x} r={0.25} />}
+          {cp2 && <path d={`M${next.x} ${next.y} ${cp2.x} ${cp2.y}`} />}
+          {cp2 && <circle cy={cp2.y} cx={cp2.x} r={0.25} />}
+        </>
+      ))}
    </g>
  );
 };
@@ -238,6 +282,7 @@ const SvgPreview = React.forwardRef<
      <style>{darkModeCss}</style>
      {showGrid && <Grid strokeWidth={0.1} stroke="#777" strokeOpacity={0.3} radius={1} />}
      <Shadow paths={paths} strokeWidth={4} stroke="#777" radius={1} strokeOpacity={0.15} />
+      <Handles paths={paths} strokeWidth={0.12} stroke="#777" strokeOpacity={0.6} />
      <ColoredPath
        paths={paths}
        colors={[
@@ -263,6 +308,7 @@ const SvgPreview = React.forwardRef<
        strokeOpacity={0.3}
      />
      <ControlPath radius={1} paths={paths} pointSize={1} stroke="#fff" strokeWidth={0.125} />
+      <Handles paths={paths} strokeWidth={0.12} stroke="#FFF" strokeOpacity={0.3} />
      {children}
    </svg>
  );
@@ -8,7 +8,9 @@ export type Path = {
  prev: Point;
  next: Point;
  isStart: boolean;
-  circle: { x: number; y: number; r: number };
+  circle?: { x: number; y: number; r: number };
+  cp1?: Point;
+  cp2?: Point;
  c: ReturnType<typeof getCommands>[number];
 };

@@ -63,7 +63,7 @@ export const getPaths = (src: string) => {
    c: typeof commands[number],
    next: Point,
    d?: string,
-    circle?: Path['circle']
+    extras?: { circle?: Path['circle']; cp1?: Path['cp1']; cp2?: Path['cp2'] }
  ) => {
    assert(prev);
    paths.push({
@@ -71,7 +71,7 @@ export const getPaths = (src: string) => {
      d: d || `M ${prev.x} ${prev.y} L ${next.x} ${next.y}`,
      prev,
      next,
-      circle,
+      ...extras,
      isStart: start === prev,
    });
    prev = next;
@@ -110,7 +110,10 @@ export const getPaths = (src: string) => {
      }
      case SVGPathData.CURVE_TO: {
        assert(prev);
-        addPath(c, c, `M ${prev.x} ${prev.y} ${encodeSVGPath(c)}`);
+        addPath(c, c, `M ${prev.x} ${prev.y} ${encodeSVGPath(c)}`, {
+          cp1: { x: c.x1, y: c.y1 },
+          cp2: { x: c.x2, y: c.y2 },
+        });
        break;
      }
      case SVGPathData.SMOOTH_CURVE_TO: {
@@ -146,13 +149,20 @@ export const getPaths = (src: string) => {
            y1: prev.y - reflectedCp1.y,
            x2: c.x2,
            y2: c.y2,
-          })}`
+          })}`,
+          {
+            cp1: { x: prev.x - reflectedCp1.x, y: prev.y - reflectedCp1.y },
+            cp2: { x: c.x2, y: c.y2 },
+          }
        );
        break;
      }
      case SVGPathData.QUAD_TO: {
        assert(prev);
-        addPath(c, c, `M ${prev.x} ${prev.y} ${encodeSVGPath(c)}`);
+        addPath(c, c, `M ${prev.x} ${prev.y} ${encodeSVGPath(c)}`, {
+          cp1: { x: c.x1, y: c.y1 },
+          cp2: { x: c.x1, y: c.y1 },
+        });
        break;
      }
      case SVGPathData.SMOOTH_QUAD_TO: {
@@ -197,7 +207,11 @@ export const getPaths = (src: string) => {
            y: c.y,
            x1: prevCP.x,
            y1: prevCP.y,
-          })}`
+          })}`,
+          {
+            cp1: { x: prevCP.x, y: prevCP.y },
+            cp2: { x: prevCP.x, y: prevCP.y },
+          }
        );
        break;
      }
@@ -218,7 +232,7 @@ export const getPaths = (src: string) => {
          c,
          c,
          `M ${prev.x} ${prev.y} A${c.rX} ${c.rY} ${c.xRot} ${c.lArcFlag} ${c.sweepFlag} ${c.x} ${c.y}`,
-          c.rX === c.rY ? { ...center, r: c.rX } : undefined
+          { circle: c.rX === c.rY ? { ...center, r: c.rX } : undefined }
        );
        break;
      }
@@ -1,41 +1,29 @@
 import {
-  BUNDLED_LANGUAGES,
-  type IThemeRegistration
-} from 'shiki'
+  bundledLanguages,
+  type ThemeRegistration
+} from 'shikiji'
 import {
  getHighlighter,
-} from 'shiki-processor'
+} from 'shikiji'
+

 type CodeExampleType = {
  title: string,
-  lang: string,
-  codes: {
-    language?: string,
-    code: string,
-    metastring?: string,
-  }[],
+  language: string,
+  code: string,
 }[]

 const getIconCodes = (): CodeExampleType => {
  return [
    {
-      lang: 'html',
+      language: 'html',
      title: 'HTML',
-      codes: [
-        {
-          language: 'html',
-          code: `<i data-lucide="Name"></i>
-`,
-        },
-      ],
+      code: `<i data-lucide="Name"></i>`
    },
    {
-      lang: 'tsx',
+      language: 'tsx',
      title: 'React',
-      codes: [
-        {
-          language: 'tsx',
-          code: `import { PascalCase } from 'lucide-react';
+      code: `import { PascalCase } from 'lucide-react';

 const App = () => {
  return (
@@ -45,17 +33,11 @@ const App = () => {

 export default App;
 `,
-
-        },
-      ],
    },
    {
-      lang: 'vue',
-      title: 'Vue 3',
-      codes: [
-        {
-          language: 'vue',
-          code: `<script setup>
+      language: 'vue',
+      title: 'Vue',
+      code: `<script setup>
  import { PascalCase } from 'lucide-vue-next';
 </script>

@@ -63,33 +45,21 @@ export default App;
  <PascalCase />
 </template>
 `,
-
-        },
-      ],
    },
    {
-      lang: 'svelte',
+      language: 'svelte',
      title: 'Svelte',
-      codes: [
-        {
-          language: 'svelte',
-          code: `<script>
+      code: `<script>
 import { PascalCase } from 'lucide-svelte';
 </script>

 <PascalCase />
 `,
-
-        },
-      ],
    },
    {
-      lang: 'preact',
+      language: 'tsx',
      title: 'Preact',
-      codes: [
-        {
-          language: 'tsx',
-          code: `import { PascalCase } from 'lucide-preact';
+      code: `import { PascalCase } from 'lucide-preact';

 const App = () => {
  return (
@@ -99,17 +69,11 @@ const App = () => {

 export default App;
 `,
-
-        },
-      ],
    },
    {
-      lang: 'solid',
+      language: 'tsx',
      title: 'Solid',
-      codes: [
-        {
-          language: 'tsx',
-          code: `import { PascalCase } from 'lucide-solid';
+      code: `import { PascalCase } from 'lucide-solid';

 const App = () => {
  return (
@@ -119,17 +83,11 @@ const App = () => {

 export default App;
 `,
-
-        },
-      ],
    },
    {
-      lang: 'angular',
+      language: 'tsx',
      title: 'Angular',
-      codes: [
-        {
-          language: 'tsx',
-          code: `// app.module.ts
+      code: `// app.module.ts
 import { LucideAngularModule, PascalCase } from 'lucide-angular';

@NgModule({
@@ -141,54 +99,38 @@ import { LucideAngularModule, PascalCase } from 'lucide-angular';
 // app.component.html
 <lucide-icon name="Name"></lucide-icon>
 `,
-        },
-      ],
    },
    {
-      lang: 'html',
+      language: 'html',
      title: 'Icon Font',
-      codes: [
-        {
-          language: 'html',
-          code: `<style>
+      code: `<style>
@import ('~lucide-static/font/Lucide.css');
 </style>

 <div class="icon-Name"></div>
 `,
-        },
-      ],
-    },
-    {
-      lang: 'dart',
-      title: 'Flutter',
-      codes: [
-        {
-          language: 'dart',
-          code: `Icon(LucideIcons.Name);
-`,
-        },
-      ],
-    },
+    }
  ]
 }

 export type ThemeOptions =
-  | IThemeRegistration
-  | { light: IThemeRegistration; dark: IThemeRegistration }
+  | ThemeRegistration
+  | { light: ThemeRegistration; dark: ThemeRegistration }

 const highLightCode = async (code: string, lang: string, active?: boolean) => {
  const highlighter = await getHighlighter({
-    themes: ['material-theme-palenight'],
-    langs: [...BUNDLED_LANGUAGES],
-    processors: []
+    themes: ['github-light', 'github-dark'],
+    langs: Object.keys(bundledLanguages)
  })

  const highlightedCode = highlighter.codeToHtml(code, {
    lang,
-    // lineOptions,
-    theme: 'material-theme-palenight'
-  }).replace('background-color: #292D3E', '')
+    themes: {
+      light: 'github-light',
+      dark: 'github-dark'
+    },
+    defaultColor: false
+  }).replace('shiki-themes', 'shiki-themes vp-code')

  return `<div class="language-${lang} ${active ? 'active' : ''}">
  <button title="Copy Code" class="copy"></button>
@@ -201,16 +143,15 @@ const highLightCode = async (code: string, lang: string, active?: boolean) => {
 export default async function createCodeExamples() {
  const codes = getIconCodes();

-  const codeExamplePromises = codes.map(async (codeTemplate, index) => {
-    const { title, lang, codes } = codeTemplate;
+  const codeExamplePromises = codes.map(async ({ title, language, code }, index) => {
    const isFirst = index === 0;

-    const code = await highLightCode(codes[0].code, codes[0].language || lang, isFirst);
+    const codeString = await highLightCode(code, language, isFirst);

    return {
      title,
-      language: codes[0].language || lang,
-      code,
+      language: language,
+      code: codeString,
    };
  })

@@ -28,33 +28,35 @@ const sidebar: UserConfig<DefaultTheme.Config>['themeConfig']['sidebar'] = {
      ]
    },
    // TODO: Add this section
-    // {
-    //   text: 'Advanced',
-    //   items: [
-    //     {
-    //       text: 'Accessibility',
-    //       link: '/guide/advanced/accessibility'
-    //     },
-    //     {
-    //       text: 'Global styling',
-    //     },
-    //     {
-    //       text: 'Animations',
-    //     },
-    //     {
-    //       text: 'Filled icons',
-    //     },
-    //     {
-    //       text: 'Combining icons',
-    //     },
-    //     {
-    //       text: 'Dynamic imports'
-    //     },
-    //     // {
-    //     //   text: 'Auto importing'
-    //     // },
-    //   ]
-    // },
+    {
+      text: 'Advanced',
+      items: [
+        // {
+        //   text: 'Accessibility',
+        //   link: '/guide/advanced/accessibility'
+        // },
+        {
+          text: 'Global styling',
+          link: '/guide/advanced/global-styling'
+        },
+        // {
+        //   text: 'Animations',
+        // },
+        {
+          text: 'Filled icons',
+          link: '/guide/advanced/filled-icons'
+        },
+        // {
+        //   text: 'Combining icons',
+        // },
+        // {
+        //   text: 'Dynamic imports'
+        // },
+        // {
+        //   text: 'Auto importing'
+        // },
+      ]
+    },
    {
      text: 'Packages',
      items: [
@@ -7,6 +7,6 @@
 <style scoped>
 .container {
  padding: 32px;
-  padding-top: 48px;
+  padding-top: 33px;
 }
 </style>
@@ -36,6 +36,7 @@ const component = computed(() => props.href ? 'a' : 'div')
  border-radius: 6px;
  background-color: var(--vp-c-bg-alt);
  color: var(--vp-c-text-1);
+  text-decoration: none;
  /* width: 56px;
  height: 56px; */
  font-size: 16px;
@@ -54,7 +54,7 @@ const value = computed({
  flex-shrink: 0;
 }
 .color-picker {
-  background: var(--color-picker-bg, var(--vp-c-bg-soft));
+  background: var(--color-picker-bg, var(--vp-c-bg-alt));
  border-radius: 8px;
  color: var(--vp-c-text-2);
  padding: 4px 8px;
@@ -71,10 +71,10 @@ const value = computed({
 .color-input-text {
  width: 100%;
  height: 100%;
-  padding: 0 8px;
+  padding: 0 0 0 8px;
  border: none;
  background: transparent;
-  color: var(--vp-c-text-2);
+  color: var(--vp-c-text-1);
  font-size: 14px;
  text-align: left;
  border-radius: 8px;
@@ -49,7 +49,7 @@ const percentage = computed<string>(() => `${((Number(props.modelValue) - props.
    width: 100%;
    line-height: 10px;
    height: 20px;
-    --bar-color: var(--slider-bar-color, var(--vp-c-bg-soft));
+    --bar-color: var(--slider-bar-color, var(--vp-input-switch-bg-color));
 }

 .slider:hover input{
@@ -67,7 +67,10 @@ watch(absoluteStrokeWidth, (enabled) => {
          Lucide has a lot of customization options to match the icons with your UI.
        </p>

-        <div class="customizer">
+        <div
+          class="customizer"
+          style="--color-picker-bg: var(--vp-input-switch-bg-color)"
+        >
          <InputField
            id="icon-color"
            label="Color"
@@ -33,13 +33,11 @@ const props = defineProps<{
          :href="packageData.documentation"
          text="Guide"
          theme="brand"
-          @click="go(packageData.documentation)"
        />
        <VPButton
          :href="packageData.source"
          text="Source"
          theme="alt"
-          @click="go(packageData.source)"
        />
      </footer>
    </Card>
@@ -153,6 +153,10 @@ html:has(* .outline-link:target) {
  scroll-behavior: smooth;
 } */

+.sp-wrapper + * {
+  margin-top: 24px;
+}
+
 .sp-wrapper .sp-layout {
  border-radius: 8px;
 }
@@ -0,0 +1,23 @@
+import { Star, StarHalf } from "lucide-react";
+import "./icon.css";
+
+function App() {
+  return (
+    <div className="app">
+      <div className="star-rating">
+        <div className="stars">
+          { Array.from({ length: 5 }, () => (
+              <Star fill="#111" strokeWidth={0} />
+          ))}
+        </div>
+        <div className="stars rating">
+          <Star fill="yellow" strokeWidth={0} />
+          <Star fill="yellow" strokeWidth={0} />
+          <StarHalf fill="yellow" strokeWidth={0} />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default App;
@@ -0,0 +1,20 @@
+import App from './App.js?raw'
+import styles from '../../../basics/examples/styles.css?raw'
+import IconCss from './icon.css?raw'
+
+const files = {
+  'App.js': {
+    code: App,
+    active: true,
+  },
+  'icon.css': {
+    code: IconCss,
+    readOnly: false,
+  },
+  'styles.css': {
+    code: styles,
+    hidden: true
+  },
+}
+
+export default files
@@ -0,0 +1,14 @@
+.star-rating {
+  position: relative;
+}
+
+.stars {
+  display: flex;
+  gap: 4px;
+}
+
+.rating {
+  position: absolute;
+  top: 0;
+}
+
@@ -0,0 +1,30 @@
+import {
+  TentTree,
+  Caravan,
+  FlameKindling,
+  MountainSnow,
+  Trees,
+  Axe,
+  Map,
+  CloudMoon,
+  Sparkles,
+} from "lucide-react";
+import "./icon.css";
+
+function App() {
+  return (
+    <div className="app">
+      <TentTree />
+      <Caravan />
+      <FlameKindling />
+      <MountainSnow />
+      <Trees />
+      <Axe />
+      <Map />
+      <CloudMoon />
+      <Sparkles />
+    </div>
+  );
+}
+
+export default App;
@@ -0,0 +1,20 @@
+import App from './App.js?raw'
+import styles from '../../../basics/examples/styles.css?raw'
+import IconCss from './icon.css?raw'
+
+const files = {
+  'icon.css': {
+    code: IconCss,
+    readOnly: false,
+    active: true,
+  },
+  'App.js': {
+    code: App,
+  },
+  'styles.css': {
+    code:styles,
+    hidden: true
+  },
+}
+
+export default files
@@ -0,0 +1,16 @@
+.lucide {
+  width: 48px;
+  height: 48px;
+  stroke-width: 1.5;
+}
+
+.lucide * {
+  vector-effect: non-scaling-stroke;
+}
+
+.app {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr
+  gap: 6px;
+}
@@ -0,0 +1,30 @@
+import {
+  CakeSlice,
+  Candy,
+  Apple,
+  Cookie,
+  Martini,
+  IceCream2,
+  Sandwich,
+  Wine,
+  Dessert,
+} from "lucide-react";
+import "./icon.css";
+
+function App() {
+  return (
+    <div className="app">
+      <CakeSlice />
+      <Candy />
+      <Apple />
+      <Cookie />
+      <Martini />
+      <IceCream2 />
+      <Sandwich />
+      <Wine />
+      <Dessert />
+    </div>
+  );
+}
+
+export default App;
@@ -0,0 +1,20 @@
+import App from './App.js?raw'
+import styles from '../../../basics/examples/styles.css?raw'
+import IconCss from './icon.css?raw'
+
+const files = {
+  'icon.css': {
+    code: IconCss,
+    readOnly: false,
+    active: true,
+  },
+  'App.js': {
+    code: App,
+  },
+  'styles.css': {
+    code:styles,
+    hidden: true
+  },
+}
+
+export default files
@@ -0,0 +1,14 @@
+.lucide {
+  /* Change this! */
+  color: #ffadff;
+  width: 56px;
+  height: 56px;
+  stroke-width: 1px;
+}
+
+.app {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr
+  gap: 6px;
+}
@@ -1,3 +1,9 @@
+<script setup>
+import { Sandpack } from 'sandpack-vue3'
+import sandpackTheme from '../../.vitepress/theme/sandpackTheme.json'
+import sizeIconExample from './examples/filled-icon-example/files.ts'
+</script>
+
 # Filled Icons

 Fills are officially not supported.
@@ -5,9 +11,21 @@ However, all SVG properties are available on all icons.
 Fill can still be used and will work fine on certain icons.

 Example with stars:
-
-<!-- Code Example with stars -->
+<Sandpack
+  template="react"
+  :theme="sandpackTheme"
+  :files="sizeIconExample"
+  :customSetup='{
+    dependencies: {
+      "lucide-react": "latest"
+    }
+  }'
+  :options="{
+    editorHeight: 480,
+    editorWidthPercentage: 60,
+  }"
+/>

 ## Will Lucide have fills in the future?

-This feature is requested several times and discussion is happening at: [#458](https://github.com/lucide-icons/lucide/discussions/458).
+This feature has been requested several times and discussion is happening at [#458](https://github.com/lucide-icons/lucide/discussions/458).
@@ -0,0 +1,55 @@
+<script setup>
+import { Sandpack } from 'sandpack-vue3'
+import sandpackTheme from '../../.vitepress/theme/sandpackTheme.json'
+import globalIconCssExample from './examples/global-styling-css-example/files.ts'
+import globalAbsoluteStrokewidthExample from './examples/global-styling-absolute-strokewidth-example/files.ts'
+
+</script>
+
+# Global Styling
+
+Adjusting icons can be done by [color](../basics/color.md), [size](../basics/sizing.md) and [stroke width](../basics/stroke-width.md).
+
+By default, all icons have a **color** value of `currentColor`, a **size** value of `24px`, and a **stroke width** of `2`. Styling icons individually can be done by passing props to the icon component.
+
+## Style by using CSS
+Styling icons is easy to accomplish using CSS.
+
+Every icon has a class attribute applied called `lucide`. This class name can be used in the CSS file to target all icons that are being used within the app.
+
+- The **color** of the icons can be changed using the [`color`](https://developer.mozilla.org/en-US/docs/Web/CSS/color) CSS property.
+- The **size** of the icons can be changed using [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width) and [`height`](https://developer.mozilla.org/en-US/docs/Web/CSS/height) CSS properties.
+- The **stroke width** of the icons can be changed using the [`stroke-width`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width) CSS property.
+
+<Sandpack
+  template="react"
+  :theme="sandpackTheme"
+  :files="globalIconCssExample"
+  :customSetup='{
+    dependencies: {
+      "lucide-react": "latest"
+    }
+  }'
+  :options="{
+    editorHeight: 300,
+  }"
+/>
+
+### Absolute stroke width
+
+For global absolute stroke width styling the `vector-effect: non-scaling-stroke` CSS property can be applied to the children. This will keep the stroke-width the same size no matter the size of the icon. See [absolute-stroke-width](../basics/stroke-width.md#absolute-stroke-width) for more info.
+
+<Sandpack
+  template="react"
+  :theme="sandpackTheme"
+  :files="globalAbsoluteStrokewidthExample"
+  :customSetup='{
+    dependencies: {
+      "lucide-react": "latest"
+    }
+  }'
+  :options="{
+    editorHeight: 300,
+  }"
+/>
+
@@ -14,7 +14,7 @@ The Illustrator template is created following guidelines from the [Icon Design G

 **Workflow:**

-1. Download and open the [Illustrator template](https://github.com/lucide-icons/lucide/blob/main/docs/templates/illustrator_template.ai).
+1. Download and open the [Illustrator template](https://github.com/lucide-icons/lucide/blob/main/docs/public/templates/illustrator_template.ai).

 2. You can now remove the content from the example logo layer ("Draw") and start creating.

@@ -22,7 +22,7 @@ The Illustrator template is created following guidelines from the [Icon Design G

 4. Before you export the file as an SVG make sure to check that you followed the guidelines and remove all unnecessary 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:
+5. Export the file with the export menu under: `Export > Export As..` then save 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")

@@ -4,7 +4,7 @@ Implementation of the lucide icon library for React Native applications

 ## Installation

-First, ensure that you have `react-native-svg@^12.0.0` installed. Then, install the package:
+First, ensure that you have `react-native-svg` (version between 12 and 14) installed. Then, install the package:

 ::: code-group

@@ -48,14 +48,24 @@ Additional props can be passed to adjust the icon:
 <Camera color="#ff3e98" />
 ```

+For faster builds and load times, you can import icons directly from the `lucide-svelte/icons` directory:
+
+```svelte
+<script>
+  import AlertCircle from 'lucide-svelte/icons/alert-circle';
+</script>
+
+<AlertCircle color="#ff3e98" />
+```
+
 ## Props

 | name                  | type      | default      |
 | --------------------- | --------- | ------------ |
-| `size`                | *number*  | 24           |
-| `color`               | *string*  | currentColor |
-| `strokeWidth`         | *number*  | 2            |
-| `absoluteStrokeWidth` | *boolean* | false        |
+| `size`                | _number_  | 24           |
+| `color`               | _string_  | currentColor |
+| `strokeWidth`         | _number_  | 2            |
+| `absoluteStrokeWidth` | _boolean_ | false        |

 ### Applying props

@@ -71,6 +81,91 @@ To customize the appearance of an icon, you can pass custom properties as props

 This results a filled phone icon.

+## Types
+
+The package includes type definitions for all icons. This is useful if you want to dynamically load icons with the `svelte:component` directive whether you are using TypeScript or JSDoc.
+
+### TypeScript Example
+
+```svelte
+<script lang="ts">
+  import Home from 'lucide-svelte/icons/home';
+  import Library from 'lucide-svelte/icons/library';
+  import Cog from 'lucide-svelte/icons/cog';
+  import type { ComponentType } from 'svelte';
+  import type { Icon } from 'lucide-svelte';
+
+  type MenuItem = {
+    name: string;
+    href: string;
+    icon: ComponentType<Icon>;
+  }
+
+  const menuItems: MenuItem[] = [
+    {
+      name: 'Home',
+      href: '/',
+      icon: Home,
+    },
+    {
+      name: 'Blog',
+      href: '/blog',
+      icon: Library,
+    },
+    {
+      name: 'Projects',
+      href: '/projects',
+      icon: Cog,
+    }
+  ];
+</script>
+
+{#each menuItems as item}
+  <a href={item.href}>
+   <svelte:component this={item.icon} />
+    <span>{item.name}</span>
+  </a>
+{/each}
+```
+
+### JSDoc Example
+
+```svelte
+<script>
+  import Home from 'lucide-svelte/icons/home';
+  import Library from 'lucide-svelte/icons/library';
+  import Cog from 'lucide-svelte/icons/cog';
+
+  /**
+   * @typedef {Object} MenuItem
+   * @property {string} name
+   * @property {string} href
+   * @property {import('svelte').ComponentType<import('lucide-svelte').Icon>} icon
+   */
+
+  /** @type {MenuItem[]} */
+  const menuItems = [
+    {
+      name: 'Home',
+      href: '/',
+      icon: Home,
+    },
+    {
+      name: 'Blog',
+      href: '/blog',
+      icon: Library,
+    },
+    {
+      name: 'Projects',
+      href: '/projects',
+      icon: Cog,
+    }
+  ];
+</script>
+```
+
+For more details about typing the `svelte:component` directive, see the [Svelte documentation](https://svelte.dev/docs/typescript#types-componenttype).
+
 ## One generic icon component

 It is possible to create one generic icon component to load icons, but it is not recommended.
@@ -99,4 +194,3 @@ The example below imports all ES Modules, so exercise caution when using it. Imp

 <LucideIcon name="Menu" />
 ```
-
@@ -2,6 +2,11 @@

 Implementation of the lucide icon library for Vue applications.

+::: warning
+This package will be deprecated end of 2023. Vue v2 will be EOF at the end of 2023 See [Announcement](https://v2.vuejs.org/lts/). We recommend to migrate to Vue 3.
+The Lucide Vue package will be only maintained for Vue 3 after the deprecation.
+:::
+
 ## Vue 2 or Vue 3

 ::: tip
@@ -5,9 +5,9 @@
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
-    "docs:dev": "pnpm prebuild && vitepress dev",
-    "docs:build": "vitepress build",
-    "docs:preview": "vitepress preview",
+    "docs:dev": "pnpm prebuild && pnpm prepare && vitepress dev",
+    "docs:build": "pnpm prebuild && pnpm prepare && vitepress build",
+    "docs:preview": "pnpm prebuild && pnpm prepare && vitepress preview",
    "build:docs": "vitepress build",
    "prebuild:iconNodes": "node ../scripts/writeIconNodes.mjs",
    "prebuild:metaJson": "node ../scripts/writeIconMetaIndex.mjs",
@@ -16,6 +16,7 @@
    "prebuild:iconDetails": "node ../scripts/writeIconDetails.mjs",
    "postbuild:vercelJson": "node ../scripts/writeVercelOutput.mjs",
    "dev": "npx nitropack dev",
+    "prepare": "npx nitropack prepare",
    "build:api": "npx nitropack build",
    "prebuild": "pnpm prebuild:iconNodes && pnpm prebuild:metaJson && pnpm prebuild:releaseJson && pnpm prebuild:relatedIcons && pnpm prebuild:iconDetails",
    "build": "pnpm prebuild && pnpm build:api && pnpm build:docs && pnpm postbuild:vercelJson",
@@ -30,7 +31,7 @@
    "nitropack": "npm:nitropack-edge@latest",
    "node-fetch": "2",
    "rollup-plugin-copy": "^3.4.0",
-    "vitepress": "1.0.0-rc.10"
+    "vitepress": "1.0.0-rc.30"
  },
  "dependencies": {
    "@floating-ui/vue": "^1.0.1",
@@ -50,8 +51,7 @@
    "react-dom": "^18.2.0",
    "sandpack-vue3": "^3.1.6",
    "semver": "^7.5.2",
-    "shiki": "^0.14.2",
-    "shiki-processor": "^0.1.3",
+    "shikiji": "^0.7.4",
    "simple-git": "^3.18.0",
    "sitemap": "^7.1.1",
    "svg-pathdata": "^6.0.3",
@@ -1,5 +1,18 @@
-<svg width="30" height="33" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 0 0 3.57l1.53 13.22 8.47 4.7 8.47-4.7L20 3.57 10 0Z" fill="#DD0031"/>
-  <path d="M10 0v21.48l8.47-4.7L20 3.58 10 0Z" fill="#C3002F"/>
-  <path d="M10 2.37 3.75 16.4h2.33l1.26-3.14h5.3l1.26 3.14h2.33L10 2.37Zm1.83 8.95H8.17L10 6.92l1.83 4.4Z" fill="#fff"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 223 236" width="32">
+  <path fill="url(#b)" d="m222.08 39.2-8.02 125.91L137.39 0l84.69 39.2Zm-53.1 162.82-57.94 33.05-57.93-33.05 11.78-28.56h92.3l11.78 28.56ZM111.03 62.68l30.36 73.8H80.68l30.36-73.8ZM7.94 165.12 0 39.19 84.69 0 7.94 165.12Z"/>
+  <path fill="url(#c)" d="m222.08 39.2-8.02 125.91L137.39 0l84.69 39.2Zm-53.1 162.82-57.94 33.05-57.93-33.05 11.78-28.56h92.3l11.78 28.56ZM111.03 62.68l30.36 73.8H80.68l30.36-73.8ZM7.94 165.12 0 39.19 84.69 0 7.94 165.12Z"/>
+  <defs>
+    <linearGradient id="b" x1="49.01" x2="225.83" y1="213.75" y2="129.72" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E40035"/>
+      <stop offset=".24" stop-color="#F60A48"/>
+      <stop offset=".35" stop-color="#F20755"/>
+      <stop offset=".49" stop-color="#DC087D"/>
+      <stop offset=".74" stop-color="#9717E7"/>
+      <stop offset="1" stop-color="#6C00F5"/>
+    </linearGradient>
+    <linearGradient id="c" x1="41.02" x2="156.74" y1="28.34" y2="160.34" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FF31D9"/>
+      <stop offset="1" stop-color="#FF5BE1" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
 </svg>
@@ -16,7 +16,7 @@
  "required": ["$schema", "categories", "tags"],
  "properties": {
    "$schema": {
-      "const": "../icon.schema.json"
+      "type": "string"
    },
    "aliases": {
      "type": "array",
@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "it-is-not",
+    "jguddas",
+    "danielbayley",
+    "ericfennis"
+  ],
+  "tags": [
+    "letter",
+    "font size",
+    "text",
+    "formatting",
+    "smaller"
+  ],
+  "categories": [
+    "text",
+    "design"
+  ]
+}
@@ -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="M3.5 13h6" />
+  <path d="m2 16 4.5-9 4.5 9" />
+  <path d="M18 7v9" />
+  <path d="m14 12 4 4 4-4" />
+</svg>
@@ -0,0 +1,21 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "it-is-not",
+    "jguddas",
+    "danielbayley",
+    "ericfennis"
+  ],
+  "tags": [
+    "letter",
+    "font size",
+    "text",
+    "formatting",
+    "larger",
+    "bigger"
+  ],
+  "categories": [
+    "text",
+    "design"
+  ]
+}
@@ -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="M3.5 13h6" />
+  <path d="m2 16 4.5-9 4.5 9" />
+  <path d="M18 16V7" />
+  <path d="m14 11 4-4 4 4" />
+</svg>
@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "it-is-not",
+    "jguddas",
+    "danielbayley",
+    "ericfennis"
+  ],
+  "tags": [
+    "letter",
+    "font size",
+    "text",
+    "formatting"
+  ],
+  "categories": [
+    "text",
+    "design"
+  ]
+}
@@ -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 14h-5" />
+  <path d="M16 16v-3.5a2.5 2.5 0 0 1 5 0V16" />
+  <path d="M4.5 13h6" />
+  <path d="m3 16 4.5-9 4.5 9" />
+</svg>
@@ -17,5 +17,8 @@
    "devices",
    "notifications",
    "time"
+  ],
+  "aliases": [
+    "alarm-check"
  ]
-}
+}
@@ -13,5 +13,8 @@
    "devices",
    "notifications",
    "time"
+  ],
+  "aliases": [
+    "alarm-minus"
  ]
-}
+}
@@ -13,5 +13,8 @@
    "devices",
    "notifications",
    "time"
+  ],
+  "aliases": [
+    "alarm-plus"
  ]
-}
+}
@@ -0,0 +1,21 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "fire",
+    "alert",
+    "warning",
+    "detector",
+    "carbon monoxide",
+    "safety",
+    "equipment",
+    "amenities"
+  ],
+  "categories": [
+    "home",
+    "devices",
+    "travel"
+  ]
+}
@@ -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="M4 8a2 2 0 0 1-2-2V3h20v3a2 2 0 0 1-2 2Z" />
+  <path d="m19 8-.8 3c-.1.6-.6 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L5 8" />
+  <path d="M16 21c0-2.5 2-2.5 2-5" />
+  <path d="M11 21c0-2.5 2-2.5 2-5" />
+  <path d="M6 21c0-2.5 2-2.5 2-5" />
+</svg>
@@ -0,0 +1,22 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "metal",
+    "iron",
+    "alloy",
+    "materials",
+    "heavy",
+    "weight",
+    "blacksmith",
+    "forge",
+    "acme"
+  ],
+  "categories": [
+    "buildings",
+    "tools",
+    "gaming"
+  ]
+}
@@ -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="M7 10c-2.8 0-5-2.2-5-5h5" />
+  <path d="M7 4v8h7a8 8 0 0 0 8-8Z" />
+  <path d="M9 12v5" />
+  <path d="M15 12v5" />
+  <path d="M5 20a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v1H5Z" />
+</svg>
@@ -2,7 +2,8 @@
  "$schema": "../icon.schema.json",
  "contributors": [
    "karsa-mistmere",
-    "ericfennis"
+    "ericfennis",
+    "danielbayley"
  ],
  "tags": [
    "unarchive",
@@ -3,7 +3,8 @@
  "contributors": [
    "colebemis",
    "ericfennis",
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
  ],
  "tags": [
    "index",
@@ -10,9 +10,12 @@
    "physics",
    "particle",
    "element",
-    "molecule"
+    "molecule",
+    "electricity",
+    "energy",
+    "chemistry"
  ],
  "categories": [
    "science"
  ]
-}
+}
@@ -0,0 +1,35 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "graphic equaliser",
+    "sound",
+    "noise",
+    "listen",
+    "hearing",
+    "hertz",
+    "frequency",
+    "wavelength",
+    "vibrate",
+    "sine",
+    "synthesizer",
+    "synthesiser",
+    "levels",
+    "track",
+    "music",
+    "playback",
+    "radio",
+    "broadcast",
+    "airwaves",
+    "voice",
+    "vocals",
+    "singer",
+    "song"
+  ],
+  "categories": [
+    "multimedia",
+    "communication"
+  ]
+}
@@ -9,7 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
-  <line x1="3" x2="21" y1="9" y2="9" />
-  <line x1="9" x2="9" y1="21" y2="9" />
+  <path d="M2 10v3" />
+  <path d="M6 6v11" />
+  <path d="M10 3v18" />
+  <path d="M14 8v7" />
+  <path d="M18 5v13" />
+  <path d="M22 10v3" />
 </svg>
@@ -0,0 +1,34 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "sound",
+    "noise",
+    "listen",
+    "hearing",
+    "hertz",
+    "frequency",
+    "wavelength",
+    "vibrate",
+    "sine",
+    "synthesizer",
+    "synthesiser",
+    "levels",
+    "track",
+    "music",
+    "playback",
+    "radio",
+    "broadcast",
+    "airwaves",
+    "voice",
+    "vocals",
+    "singer",
+    "song"
+  ],
+  "categories": [
+    "multimedia",
+    "communication"
+  ]
+}
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2" />
+</svg>
@@ -8,7 +8,18 @@
    "karsa-mistmere"
  ],
  "tags": [
-    "hatchet"
+    "hatchet",
+    "weapon",
+    "chop",
+    "sharp",
+    "equipment",
+    "fireman",
+    "firefighter",
+    "brigade",
+    "lumberjack",
+    "woodcutter",
+    "logger",
+    "forestry"
  ],
  "categories": [
    "tools",
@@ -1,5 +1,8 @@
 {
  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
  "tags": [
    "statistics",
    "diagram",
@@ -1,5 +1,8 @@
 {
  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
  "tags": [
    "statistics",
    "diagram",
@@ -10,6 +10,7 @@
  "tags": [
    "power",
    "electricity",
+    "energy",
    "accumulator",
    "charge"
  ],
@@ -17,4 +18,4 @@
    "connectivity",
    "devices"
  ]
-}
+}
@@ -8,6 +8,7 @@
  "tags": [
    "power",
    "electricity",
+    "energy",
    "accumulator",
    "charge"
  ],
@@ -15,4 +16,4 @@
    "connectivity",
    "devices"
  ]
-}
+}
@@ -8,6 +8,7 @@
  "tags": [
    "power",
    "electricity",
+    "energy",
    "accumulator",
    "charge"
  ],
@@ -15,4 +16,4 @@
    "connectivity",
    "devices"
  ]
-}
+}
@@ -8,6 +8,7 @@
  "tags": [
    "power",
    "electricity",
+    "energy",
    "accumulator",
    "charge"
  ],
@@ -15,4 +16,4 @@
    "connectivity",
    "devices"
  ]
-}
+}
@@ -7,6 +7,7 @@
  "tags": [
    "power",
    "electricity",
+    "energy",
    "accumulator",
    "charge",
    "exclamation mark"
@@ -15,4 +16,4 @@
    "connectivity",
    "devices"
  ]
-}
+}
@@ -8,6 +8,7 @@
  "tags": [
    "power",
    "electricity",
+    "energy",
    "accumulator",
    "charge"
  ],
@@ -15,4 +16,4 @@
    "connectivity",
    "devices"
  ]
-}
+}
@@ -0,0 +1,32 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "fire alarm",
+    "flames",
+    "smoke",
+    "firefighter",
+    "fireman",
+    "department",
+    "brigade",
+    "station",
+    "emergency",
+    "alert",
+    "safety",
+    "school bell",
+    "period break",
+    "recess",
+    "doorbell",
+    "entrance",
+    "entry",
+    "ring",
+    "reception"
+  ],
+  "categories": [
+    "devices",
+    "notifications",
+    "home"
+  ]
+}
@@ -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="M18.8 4A6.3 8.7 0 0 1 20 9" />
+  <path d="M9 9h.01" />
+  <circle cx="9" cy="9" r="7" />
+  <rect width="10" height="6" x="4" y="16" rx="2" />
+  <path d="M14 19c3 0 4.6-1.6 4.6-1.6" />
+  <circle cx="20" cy="16" r="2" />
+</svg>
@@ -0,0 +1,22 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "nut",
+    "screw",
+    "settings",
+    "preferences",
+    "configuration",
+    "controls",
+    "edit",
+    "diy",
+    "fixed",
+    "build",
+    "contruction",
+    "parts"
+  ],
+  "categories": [
+    "account",
+    "tools",
+    "home"
+  ]
+}
@@ -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="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" />
+  <circle cx="12" cy="12" r="4" />
+</svg>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Daniel BayleyandKarsa	001d0a51fb	Add `bolt` (settings variant)/`drill` icons (#1340 ) * Add `bolt` (settings variant) icon * Add `screw` icon * Add `screw-head` icon * Add `drill` icon * Improve tool icons metadata * Revert "Add `screw-head` icon" This reverts commit `15cc69ffea`. * Revert "Add `screw` icon" This reverts commit `bc764555d5`. * Simplify `drill` icon * Update icons/drill.svg Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org>	2024-01-04 16:24:16 +01:00
Eric Fennis	fd4308e755	Add nitro prepare command docs site (#1774 ) * Add nitro prepare command docs site * Add prepare command to other vitepress commands	2024-01-03 11:39:54 +01:00
SHYAKA DavisandDavis SHYAKA	59893119b5	docs: Add Lucide-Svelte icon import instructions and type definitions (#1766 ) * docs: Add Lucide-Svelte icon import instructions and type definitions * Add Svelte docs link. * apply feedback + recommended import manner * Refactor menuItems type definition --------- Co-authored-by: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>	2024-01-03 11:39:42 +01:00
Eric Fennis	faff6a8269	Update dependencies and general improvements in packages (#1773 ) * update deps and vitest * dedupe packages * update package.json files * Update to latest vite and vites * Fix build * Update lockfile	2024-01-03 11:38:06 +01:00
Han Yeong-woo	3fe74beeb0	Bump github actions (#1755 )	2024-01-02 15:33:27 +01:00
Eugene Sviridov	f8aafd63b9	remove mentions of the site folder in doc and config files (#1769 )	2024-01-02 15:14:34 +01:00
Daniel BayleyandEric Fennis	f0422f415c	Sort `rows`/`columns` icons (#1500 ) * Optimise `rows` icon * Optimise `columns` icon * Improve metadata * Improve metadata * Add `rows-3` variant * Rename `rows` to `rows-2` * Rename `columns` to `columns-2` * Add `columns-3` variant * Add `panels-` to `aliases` Moved from #1156. Add `rows-4` variant * Add `columns-4` variant --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-28 14:47:14 +01:00
Jakob GuddasandEric Fennis	14a196d89c	Renamed alarm-minus to alarm-clock-minus (#1629 ) * Renamed alarm-minus to alarm-minus * Renamed alarm-plus to alarm-clock-plus --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-28 14:41:26 +01:00
Jakob Guddas	87a89b30da	Automatic optimisation of `squirrel` icon (#1764 )	2023-12-28 14:31:26 +01:00
Jakob Guddas	3180910b23	Automatic optimisation of `rabbit` icon (#1763 )	2023-12-28 14:30:52 +01:00
Jakob GuddasandEric Fennis	46a4041cc7	improved SvgPreview radii highlighting (#1747 ) * improved SvgPreview radii highlighting * Update index.tsx * Update index.tsx * Update index.tsx --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-28 14:29:46 +01:00
Han Yeong-wooandEric Fennis	e3166c65df	Fix type error of preact `createLucideIcon()` (#1754 ) Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-28 14:28:15 +01:00
CokaKoala	d9d7e245a3	fix: Exports `Icon` type (#1762 ) * fixed import path * export Icon type	2023-12-28 14:26:15 +01:00
KarsaandRigó József Karsa	e19a9cc43a	Fixes package list item 404 navigation error (#1751 ) Co-authored-by: Rigó József Karsa <karsa@sztaki.hu>	2023-12-26 12:06:09 +01:00
Daniel BayleyandEric Fennis	5ecfd61397	Optimise/add remaining `panel-`/consolidate `layout` icons (#1156 ) Optimise `layout` icon * Optimise `panel-` icons …from #1156. Fix JSON * Rename `layout` to `panels-top-left` * Add `panel-bottom-narrow` (status bar) icon * Add `panels-left-bottom` icon * Add `panels-right-bottom` icon * Add `panels-left-right-bottom` icon * Add `panels-left-right` icon * Add `panels-bottom-left-right` icon * Add `panels-top-split` icon * Improve metadata * Rename `panel-top-inactive` to `panel-top-dashed` * Rename `panel-bottom-inactive` to `panel-bottom-dashed` * Rename `panel-left-inactive` to `panel-left-dashed` * Rename `panel-right-inactive` to `panel-right-dashed` * Add `panel-top-narrow` (menu bar) icon * Refine/rename `panels-top-split` to `panels-top-narrow-split` * Remove `panel-bottom-narrow` icon * Remove `panel-top-narrow` icon * Remove `panels-bottom-left-right` icon * Remove `panels-left-right-bottom` icon * Remove `panels-top-narrow-split` icon * Remove `panels-left-right` icon --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-25 11:28:46 +01:00
Eric Fennis	5366782da0	Adding documentation about Global Styling (#1721 ) * Add global styling docs * Add global styling and filled icon docs * Fix typos global-styling.md * Update filled-icons.md	2023-12-24 13:29:05 +01:00
Jakob Guddas	262f9e8865	fix: made cp1 in preview absolute for smooth curves (#1739 )	2023-12-24 13:28:53 +01:00
it-is-not	7af26002a0	add icons (#1222 )	2023-12-24 12:53:44 +01:00
CokaKoalaandEric Fennis	e71a776acc	Fixed export maps, types, and packaging for `lucide-svelte` (#1707 ) * add extensions for `NodeNext` support * fixed exports map and replaced the packaging system for `@sveltejs/pacakge` * lockfile * ignore generated `.svelte-kit` dir * no longer needed * fixed main export * fixed IconNode and IconProps types * have icon props extend svg attributes * build script for prepending the license to each `dist` file * Update packages/lucide-svelte/scripts/addLicense.mjs --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-24 12:45:57 +01:00
Jakob Guddas	0a69fb9e52	Fix `gavel` gap (#1744 ) * Fix `gavel` gap * Update gavel.json	2023-12-24 12:26:02 +01:00
Eric FennisandGuillermo Angeles	3648e02992	Add cooking-pot icon (#1737 ) Co-authored-by: Guillermo Angeles <guillermo.angeles@adoptaunabuelo.com>	2023-12-22 13:53:26 +01:00
Wojciech Maj	64504da1cd	Add more tags (#1734 )	2023-12-21 14:18:35 +01:00
Daniel Bayley Karsa Eric Fennis	e166ba4e80	Add materials icons (#1407 ) * Add `fence` icon * Add `anvil` (metal) icon * Add `brick-wall` icon * Refine `anvil` icon * Update icons/anvil.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/brick-wall.json Co-authored-by: Karsa <contact@karsa.org> * Add `panel` icon * Refine `brick-wall` icon * Rename `panel` to `inspection-panel` --------- Co-authored-by: Karsa <contact@karsa.org> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-20 09:08:50 +01:00
Wojciech Maj	1123214b13	Add support for react-native-svg ^14.0.0 (#1732 ) Closes #1722	2023-12-19 22:59:59 +01:00
Eric Fennis	4140ba5612	bumping up packages (#1728 )	2023-12-18 12:04:42 +01:00
Jakob Guddas	019f38281c	chore: pull-request workflow refactor (#1729 ) * chore: pull-request workflow refactor * chore: pull-request workflow refactor * chore: pull-request workflow refactor	2023-12-18 11:03:17 +01:00
Bhargav Shirin Nalamati	633595d1c1	Update README.md (#1653 )	2023-12-16 16:34:28 +01:00
Daniel Bayley Karsa Eric Fennis	df58c3ff2f	Add `fire`/safety/security/amenities icons (#1392 ) * Add `fire-extinguisher` icon * Add `smoke-alarm` icon * Improve fire related metadata * Add `fire-alarm` icon * Add `cctv` icon * Add `cctv-off` icon * Update icons/fire-alarm.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/fire-alarm.json Co-authored-by: Karsa <contact@karsa.org> * Rename `fire-alarm` to `bell-alarm` * Refine `cctv` icons * Optimise `bell-alarm` icon * Rename `bell-alarm` to `bell-electric` * Rename `smoke-alarm` to `alarm-smoke` * Refine `alarm-smoke` icon * Refine `cctv` icons * Update icons/alarm-smoke.svg Co-authored-by: Karsa <contact@karsa.org> * Update icons/cctv.svg Co-authored-by: Karsa <contact@karsa.org> * Update icons/fire-extinguisher.svg Co-authored-by: Karsa <contact@karsa.org> * update pr workflow * update pr workflow * add env * remove cctv off icons --------- Co-authored-by: Karsa <contact@karsa.org> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-16 15:39:40 +01:00
Jakob Guddas	e7abba5273	feat: added renameIcon script (#1630 ) * feat: added renameIcon script * feat: added renameIcon script * chore: converted renameIcon.sh to mjs * refactor: cleanup * Delete scripts/renameIcon.sh	2023-12-16 15:20:08 +01:00
Eric Fennis	2693da38d3	fix: update pr workflow	2023-12-15 16:31:19 +01:00
Jakob Guddas	ab59a1ec36	feat: added pointer-off icon (#1567 )	2023-12-15 14:18:47 +01:00
Jakob GuddasandEric Fennis	315c020279	Add `squircle` (#1293 ) * Add `squircle` * Create squircle.json * Update squircle.svg * Update icons/squircle.json * Update squircle.json * Update squircle.json --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-15 13:48:36 +01:00
James Vickery Jakob Guddas Karsa	494f7953c8	New icons: user-search and user-round-search (#1620 ) * user-search and user-search-2 icons * updated user-search icons * Update icons/user-search.json Co-authored-by: Jakob Guddas <github@jguddas.de> * Update icons/user-search-2.json Co-authored-by: Jakob Guddas <github@jguddas.de> * Renamed user-search-2 to user-round-search. --------- Co-authored-by: Jakob Guddas <github@jguddas.de> Co-authored-by: Karsa <contact@karsa.org>	2023-12-15 12:21:07 +01:00
Eric Fennis	a5ea3a5368	Set fail-fast: false, release workflow	2023-12-15 12:20:22 +01:00
Daniel Bayley	6486f76c55	Fix missing `contributors` (#1706 )	2023-12-15 11:09:52 +01:00
Eric Fennis	e32db96f1f	update workflow	2023-12-13 22:44:08 +01:00
Eric Fennis	73f70c885a	Update pull-request.yml	2023-12-13 22:28:05 +01:00
Daniel BayleyandEric Fennis	14c7ea8e13	Refine/add `message`[`-`] icons (#1208 ) Add `message-square-warning` icon * Optimise `message-square-plus` icon * Add `message-square-diff` (request changes) icon * Refine `message-circle` icon * Add `message-circle-question` icon * Add `message-circle-warning` icon * Add `message-square-x` icon * Add `message-square-off` icon * Add `message-circle-plus` icon * Add `message-circle-x` icon * Add `message-circle-off` icon * Refine `message-circle` icons * Fix `message-circle-question` mark * Fix `message-square-diff` icon * Add `message-square-share` icon * Add `message-square-text` icon * Refine `message-square-x` icon * Add `message-square-code` icon * Improve `message-` icons metadata Add `message-square-more` icon * Improve `more-horizontal` metadata * Add `message-circle-more` icon * Add `message-circle-dashed` icon * Add `message-square-text-quote` icon * Add `message-square-quote` icon * Add `message-square-reply` icon * Add `message-circle-code` icon * Add `message-circle-reply` icon * Add `message-circle-heart` icon * Add `message-square-heart` icon * Add `message-square-dot` (unread) icon * Add `message-square-dot-big` (unread/notification) variant * Remove message-square-text-quote and rename message-square-dot-big * Added as contributor in meta data --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-12-13 21:14:49 +01:00
Eric Fennis	9fc7653dc1	Add carbon to site	2023-12-13 20:45:25 +01:00
Jakob Guddas	2b007e7962	Lessened $schema type strictness (#1718 ) * Lessened $schema type strictness * Lessened $schema type strictness	2023-12-11 15:53:52 +01:00
dependabot[bot]anddependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	bb1e470f3a	Bump vite from 4.4.7 to 4.4.12 (#1714 ) Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 4.4.7 to 4.4.12. - [Release notes](https://github.com/vitejs/vite/releases) - [Changelog](https://github.com/vitejs/vite/blob/v4.4.12/packages/vite/CHANGELOG.md) - [Commits](https://github.com/vitejs/vite/commits/v4.4.12/packages/vite) --- updated-dependencies: - dependency-name: vite dependency-type: direct:development ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2023-12-08 10:55:14 +01:00
Eric Fennis	4a1e6bbfa5	Update site dependencies & small fixes (#1699 ) * update styling * Update vitepress	2023-11-28 21:02:23 +01:00
Gionata Mettifogo	e5ee997566	Update README.md (#1704 ) The readme lists the url below with uppercase L @import ('~lucide-static/font/Lucide.css'); but the file in node_modules/lucide-static/font has a lowercase L making it fail on certain loaders like the one used by Storybook on MacOS. The fix is simply to use lowercase	2023-11-28 21:00:46 +01:00
Daniel BayleyandEric Fennis	27c0a136cd	Add music/`piano`/`keyboard`/`guitar`/`pick`/`amp`/`drum`/`album`/`audio`/waveform icons (#1124 ) * Add `piano` icon * Add `keyboard-music` icon * Optimise `speaker` icon * Refine `speaker` icon * Improve metadata * Add `guitar` icon * Add `guitar-pick` icon * Add `guitar-amp` icon * Add `drum` icon * Add `disc-album` icon * Add `disc-album-remove` icon * Add `disc-album` variant * Add `file-music` icon * Add `audio-waveform` icon * Add `audio-lines` icon * Refine `speaker` icon * Remove icons --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-11-28 21:00:08 +01:00
Sukomal DuttaandJakob Guddas	84b3c46b65	remove extra space in svg class attribute (#1703 ) * remove extra space in svg class attribute * Update packages/lucide-react/src/createLucideIcon.ts Co-authored-by: Jakob Guddas <github@jguddas.de> --------- Co-authored-by: Jakob Guddas <github@jguddas.de>	2023-11-28 20:59:37 +01:00
James Vickery Karsa Eric Fennis	1a09e7fb39	Renamed user--2 to user-round- (#1638 ) * Renamed user--2 to user-round- * Added user-round icon optimizations as per Discord + renamed user-(square\|circle) to (square\|circle)-user also as per Discord --------- Co-authored-by: Karsa <contact@karsa.org> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2023-11-24 13:59:28 +01:00
Eric Fennis	75e9724072	Make sure we apply all classes to the lucide icons (#1691 ) * Make sure all classes are applied for all packages * Add class test to angular component * Adjust lucide-static tests * update snapshot * Fix types	2023-11-24 13:59:12 +01:00
Eric Fennis	fbaccc7d9f	Fix lint errors svg files (#1698 )	2023-11-24 11:22:05 +01:00
Zakher Masri	c24bc4d7ef	Fixed Illustrator template link + fixed typo (#1664 ) * Fixed Illustrator template link + fixed typo * Added `pilcrow-left` icon * Revert "Added `pilcrow-left` icon" This reverts commit `6ccdf9c55e`.	2023-11-24 11:08:57 +01:00
Otto Coster	5c8c8f4362	Support Angular 17 (#1696 )	2023-11-24 11:07:49 +01:00
Daniel Bayley	ffd2a62941	Improve Adobe Illustrator template (#1689 )	2023-11-24 09:19:02 +01:00
Eric Fennis	e77959e1a6	`lucide-vue` Deprecation warning (#1663 ) * Add Vue deprecation warning * Add deprecation warning docs page * Fix typo * Update warning text	2023-11-24 08:14:47 +01:00
Eric Fennis	149ee36e61	Improve license notice in packages (#1657 ) * Improve license message * Implement license notice in lucide-static * Tighten package PR workflows * Update lockfile	2023-11-17 11:12:31 +01:00
Karsa	88bf60b5d7	Update Angular logo on site (#1684 )	2023-11-17 11:11:26 +01:00
Jakob Guddas	1e5df716a4	feat: added curve handles to svg preview (#1661 )	2023-11-13 21:18:51 +01:00
Karsa	fc0ea760e5	Fixes #1665 (#1674 ) Replace Do with Don't in Pixel perfection bad example.	2023-11-09 16:27:59 +01:00
Jakob Guddas	c85275899a	Renamed alarm-check to alarm-clock-check (#1628 )	2023-11-06 11:00:44 +01:00
Eric FennisandJakob Guddas	288edde1ea	Linting SVG files (#1642 ) * eslint rules for SVGS * apply options * Add typescript eslinter * Make eslint work with the codebase * Format icons * Test svg * Add workflow * Fix lint command * Revert duplicated aliases * Update .eslintrc.js Co-authored-by: Jakob Guddas <github@jguddas.de> * Update .eslintrc.js Co-authored-by: Jakob Guddas <github@jguddas.de> * Move linter to separate workflow * Add pnpm install * Revert icon changes * Test eslint workflow * turn of fail lint-contributors * Revert theater * process feedback --------- Co-authored-by: Jakob Guddas <github@jguddas.de>	2023-11-06 11:00:04 +01:00
Karsa Jakob Guddas Eric Fennis	207ff6c487	Adds `ribbon` (#1438 ) * Adds ribbon * Update icons/ribbon.svg Co-authored-by: Jakob Guddas <github@jguddas.de> --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: Jakob Guddas <github@jguddas.de>	2023-11-03 08:49:20 +01:00
Sukomal Dutta	a1a9a4d839	fix export IconNode type (#1656 ) * fix export IconNode type * add Types exports	2023-11-01 15:53:17 +01:00
Karsa	c5804ad9a5	Refactored icon exports to use the new proposed icon node format. (#1641 )	2023-10-31 21:03:39 +01:00
Jakob Guddas	c72fb4a28b	feat: changed backdrop color for new icons in group to gray (#1640 )	2023-10-31 21:03:17 +01:00
Jakob Guddas	da5ad547b5	feat: improved backdrop group name resolution (#1645 )	2023-10-31 21:02:35 +01:00
Daniel Bayley	66cfe527b3	Optimise/add missing `check`[`-`] icon/s (#1297 ) Optimise `check`[`-`] icons Add missing `check-square` variant	2023-10-31 19:54:25 +01:00
Karsa	d1866225ba	Fixes radiation center dot (#1655 )	2023-10-31 07:13:25 +01:00
Jakob Guddas	372735999f	fix: exclude renames from contributor generation (#1643 ) * fix: exclude renames from contributor generation * fix: exclude renames from contributor generation	2023-10-30 21:31:25 +01:00
Jakob GuddasandKarsa	f3a33346dd	Fixed gaps in `cake` icon (#1651 ) * Fixed gaps in `cake` icon * Update cake.json * Update icons/cake.svg Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org>	2023-10-30 20:13:21 +01:00
Jakob GuddasandKarsa	3373acf596	Rebuild tree-deciduous using arcs (#1647 ) * Rebuild tree-deciduous using arcs * Update icons/tree-deciduous.svg Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org>	2023-10-30 20:11:40 +01:00
Eric Fennis	73d5bfc318	Fix icon contributors	2023-10-29 21:09:08 +01:00
ayushrakesh	ddbc074aa3	Update README.md (#1652 )	2023-10-29 18:47:00 +01:00
Jakob Guddas	8f4d6b1651	feat: added lint-contributors job (#1625 ) * feat: added lint-contributors job Signed-off-by: Jakob Guddas <github@jguddas.de> * feat: improved lint-contributors job Signed-off-by: Jakob Guddas <github@jguddas.de> * feat: add comments to lint-contributors job Signed-off-by: Jakob Guddas <github@jguddas.de> --------- Signed-off-by: Jakob Guddas <github@jguddas.de>	2023-10-27 08:59:27 +02:00
Daniel Bayley	d8b08f8fda	Add missing `git` icons (#995 ) * Add `git-pull-request-create` icon * Add `git-pull-request-create-arrow` variant * Improve `git-` icons metadata Optimise `git-pull-request-closed` icon * Refine `git-fork` icon …to match [`network`](https://lucide.dev/icons/network) * Add `git-graph` icon * Rename `git-commit` to `git-commit-horizontal` * Add `git-commit-vertical` icon * Add `git-pull-request-arrow` icon * Add `git-compare-arrows` icon	2023-10-27 08:56:26 +02:00