Merge branch 'main' of https://github.com/lucide-icons/lucide into icon-usage-context

feat(icons): added graph-hub icon (#4974 )
* feat(icons): added split-circles icon * chore(icons): added cluster tag to `split-circles` * refactor(icons): renamed `split-circles` to `hub-circles` * refactor(icons): renamed `hub-circles` to `graph-hub` * Apply batched suggestions from code review Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Fix duplicate 'tags' key in graph-hub.json Removed duplicate 'tags' key in graph-hub.json. --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
2026-11-11 13:28:19 +00:00 · 2026-10-19 15:01:32 +02:00 · 2026-10-19 14:37:34 +02:00 · 2026-10-19 14:28:50 +02:00 · 2026-10-19 12:08:22 +02:00 · 2026-10-19 12:07:56 +02:00
417 changed files with 16819 additions and 3571 deletions
@@ -11,3 +11,44 @@ ungroup
 toc
 sunlounger
 monstera
+
+# Search tags and terms used in icon and category metadata
+ageusia
+artboard
+barbeque
+choy
+ecommerce
+enby
+flexbox
+futbol
+gddr
+glassmorphism
+gltf
+interpoint
+interpunct
+middot
+mistwarp
+mlops
+moleskine
+nonbinary
+pantone
+parfum
+phonendoscope
+quadcopter
+reapproval
+rubygems
+showreel
+solera
+timesheets
+turbowarp
+unbook
+unguard
+unkeys
+unlabel
+unprevented
+unqueue
+unsalvageable
+unshield
+unstar
+vitamizer
+wayfinding
@@ -0,0 +1,12 @@
+[
+  "fix",
+  "feat",
+  "perf",
+  "refactor",
+  "test",
+  "style",
+  "docs",
+  "ci",
+  "build",
+  "chore"
+]
@@ -13,7 +13,7 @@ The `contributors` property is a required array of GitHub usernames for the peop

 The `tags` property is an array of strings that describe the icon and can be used for searching.
 Validate the tags against the `icon.schema.json` to ensure they are correctly formatted and adhere to the defined structure.
-Provide tag suggestions based on the name of the icon and the use cases provided in the PR description. Use the existing tags in the repository as a reference for consistency and to avoid duplicates. Don't suggest words like: 'icon' and preferably use single words. Tags should always be in lowercase, and may also contain spaces (e.g. `magnifying glass`). The name of icon should not be included in the tags, as it is already specified.
+Provide tag suggestions based on the name of the icon and the use cases provided in the PR description. Use the existing tags in the repository as a reference for consistency and to avoid duplicates. Don't suggest words like: 'icon' and preferably use single words. Tags should always be in lowercase, and may also contain spaces (e.g. `magnifying glass`). Don't include the full icon name, its space-separated form, or any individual part of its kebab-case name because those terms are already searchable. For example, don't suggest `mail-search`, `mail search`, `mail`, or `search` for the `mail-search` icon.

 ## Categories

@@ -32,7 +32,7 @@ A use-case tells a reader **where and why an icon would be used in a real interf
 - Write each use-case as a short phrase, not a sentence. Start with a present participle verb: *Representing…*, *Indicating…*, *Marking…*, *Showing…*, *Confirming…*, *Toggling…*, *Categorizing…*, *Searching…*.
 - Keep it to roughly 4–12 words. One clear idea per entry.
 - No trailing period. No leading bullet, number, or dash (the surrounding format supplies that).
- Give each icon 1–4 use-cases, ordered most-common first. Prefer fewer strong entries over many weak or repetitive ones.
+- Give each icon 1 or more use-cases, ordered most-common first. More than 4 use-cases are allowed when they are distinct and useful. Prefer fewer strong entries over many weak or repetitive ones.

 ### Voice

@@ -82,6 +82,7 @@
  - changed-files:
      - any-glob-to-any-file:
          - 'packages/lucide-solid/*'
+          - 'packages/solid/*'

 # For changes in the Lucide astro package
 🚀 astro package:
@@ -15,7 +15,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -31,7 +31,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -5,7 +5,10 @@ on:
    branches:
      - main
    paths:
-      - icons/**/*.svg
+      - icons/*.svg
+
+  schedule:
+    - cron: '0 6 * * *'

  workflow_dispatch:
    inputs:
@@ -26,39 +29,63 @@ on:
 permissions: {}

 jobs:
-  check-dispatch-gate:
-    if: github.repository == 'lucide-icons/lucide' &&
-      startsWith(github.event.head_commit.message, 'feat(icons)') &&
-      github.event_name != 'workflow_dispatch'
+  release-gate:
+    concurrency:
+      group: ci-${{ github.event_name == 'schedule' && github.ref || 'release-gated' }}
+      cancel-in-progress: true
+    if: github.repository == 'lucide-icons/lucide' && github.event_name != 'workflow_dispatch'
+    environment: ${{ github.event_name == 'schedule' && 'Icon Release' || 'Icon Release Gated' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Approve release
+        run: echo 'Release approved'
+
+  prepare-release:
+    needs: release-gate
    runs-on: ubuntu-latest
    permissions:
-      contents: read
+      contents: read # Required to check if a new release is needed
    outputs:
-      RELEASE_ENVIRONMENT: ${{ steps.environment.outputs.RELEASE_ENVIRONMENT }}
+      SHOULD_RELEASE: ${{ steps.changes.outputs.SHOULD_RELEASE }}
+      LATEST_TAG: ${{ steps.latest-tag.outputs.LATEST_TAG }}
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+        with:
+          fetch-depth: 0

-      - name: Fetch tags
-        run: git fetch --all --tags
+      - name: Get latest tag
+        id: latest-tag
+        run: echo "LATEST_TAG=$(git tag --sort=-v:refname | grep -E '^[0-9]+\.[0-9]+\.[0-9]+$' | head -n 1)" >> "$GITHUB_OUTPUT"

-      - name: Check if latest tag was created today
-        id: environment
+      - name: Log latest tag
+        run: echo '${{ steps.latest-tag.outputs.LATEST_TAG }}'
+
+      - name: Check for releasable changes
+        id: changes
+        env:
+          LATEST_TAG: ${{ steps.latest-tag.outputs.LATEST_TAG }}
        run: |
-          LATEST_TAG=$(git tag --sort=-v:refname | grep -E '^[0-9]+\.[0-9]+\.[0-9]+$' | head -n 1)
-          TAG_DATE=$(git log -1 --format=%cs "$LATEST_TAG")
-          TODAY=$(date +%Y-%m-%d)
-
-          if [ "$TAG_DATE" == "$TODAY" ]; then
-            echo "::warning::A release tag already exists for today ($TODAY): $LATEST_TAG. Manual approval will be required to proceed."
-            echo "RELEASE_ENVIRONMENT=Icon Release Gated" >> $GITHUB_OUTPUT
-          else
-            echo "RELEASE_ENVIRONMENT=Icon Release" >> $GITHUB_OUTPUT
+          if [ -z "$LATEST_TAG" ]; then
+            echo "::error::No version tag found to release from."
+            exit 1
          fi

+          echo "Latest version tag: $LATEST_TAG"
+
+          CHANGES=$(git diff --name-only "$LATEST_TAG" HEAD -- ':(glob)icons/*.svg')
+
+          if [ -z "$CHANGES" ]; then
+            echo "::notice::No icon SVGs changed since $LATEST_TAG. Skipping release."
+            echo "SHOULD_RELEASE=false" >> "$GITHUB_OUTPUT"
+            exit 0
+          fi
+
+          echo "$CHANGES"
+          echo "SHOULD_RELEASE=true" >> "$GITHUB_OUTPUT"
+
  create-release:
-    if: github.repository == 'lucide-icons/lucide'
-    needs: check-dispatch-gate
-    environment: ${{ needs.check-dispatch-gate.outputs.RELEASE_ENVIRONMENT }}
+    if: github.repository == 'lucide-icons/lucide' && needs.prepare-release.outputs.SHOULD_RELEASE == 'true'
+    needs: prepare-release
    runs-on: ubuntu-latest
    permissions:
      contents: write # Required to create the release and tag
@@ -67,7 +94,7 @@ jobs:
      RELEASE_URL: ${{ steps.create-release.outputs.url }}
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -76,37 +103,26 @@ jobs:
      - name: Install dependencies
        run: pnpm install --frozen-lockfile

-      - name: Fetch tags
-        run: git fetch --all --tags
-
-      - name: Get latest tag
-        id: latest-tag
-        run: echo "LATEST_TAG=$(git tag --sort=-v:refname | grep -E '^[0-9]+\.[0-9]+\.[0-9]+$' | head -n 1)" >> $GITHUB_OUTPUT
-
-      - name: Log latest tag
-        run: echo '${{ steps.latest-tag.outputs.LATEST_TAG }}'
-
      - name: Check if we can patch
-        run: pnpm semver $LATEST_TAG -i minor
+        run: pnpm semver "$LATEST_TAG" -i minor
        env:
-          LATEST_TAG: ${{ steps.latest-tag.outputs.LATEST_TAG }}
+          LATEST_TAG: ${{ needs.prepare-release.outputs.LATEST_TAG }}

      - name: Create new version
        id: new-version
-        run: echo "NEW_VERSION=$(pnpm semver $LATEST_TAG -i minor)" >> $GITHUB_OUTPUT
+        run: echo "NEW_VERSION=$(pnpm semver "$LATEST_TAG" -i minor)" >> "$GITHUB_OUTPUT"
        env:
-          LATEST_TAG: ${{ steps.latest-tag.outputs.LATEST_TAG }}
+          LATEST_TAG: ${{ needs.prepare-release.outputs.LATEST_TAG }}

      - name: Check output
-        run: |
-          echo '${{ steps.new-version.outputs.NEW_VERSION }}'
-          echo '${{ steps.change-log.outputs.CHANGE_LOG }}'
+        run: echo '${{ steps.new-version.outputs.NEW_VERSION }}'

      - name: Create Release
        id: create-release
        uses: softprops/action-gh-release@efb35369e0ad2afab669f228072c1b0d510eae64 # v3.0.3
        with:
          tag_name: ${{ steps.new-version.outputs.NEW_VERSION }}
+          target_commitish: ${{ github.sha }}
          name: Version ${{ steps.new-version.outputs.NEW_VERSION }}
          generate_release_notes: true

@@ -135,7 +151,7 @@ jobs:
  post-release:
    name: Trigger post-release automation
    if: >-
-      always() &&
+      !cancelled() &&
      github.repository == 'lucide-icons/lucide' &&
      (needs.start-release.result == 'success' || needs.dispatch-release.result == 'success')
    needs: [create-release, start-release, dispatch-release]
@@ -20,7 +20,7 @@ jobs:
        with:
          # Release metadata is generated by diffing every release tag
          fetch-depth: 0
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -39,7 +39,7 @@ jobs:
        with:
          # Release metadata is generated by diffing every release tag
          fetch-depth: 0
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -0,0 +1,103 @@
+name: PR title
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - edited
+
+permissions: {}
+
+concurrency:
+  group: pr-title-${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  generate-pr-title:
+    name: Generate PR Title
+    # Skip when a maintainer has opted out by adding the "Keep PR title" label,
+    # and on manual edits so they are not reverted straight away.
+    if: github.repository == 'lucide-icons/lucide' &&
+      github.event.action != 'edited' &&
+      !contains(github.event.pull_request.labels.*.name, 'Keep PR title')
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write # Required to edit the PR title
+
+    steps:
+      #  We check out the main branch of the main repository for security reasons.
+      #  The script only reads its input from the environment, so it never runs
+      #  any code from the (untrusted) pull request.
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+        with:
+          repository: lucide-icons/lucide
+          fetch-depth: 0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          node-version-file: 'package.json'
+
+      - name: Get changed files
+        id: changed-files
+        uses: tj-actions/changed-files@9426d40962ed5378910ee2e21d5f8c6fcbf2dd96 # v47.0.6
+        with:
+          # The checkout is the base branch, so the PR head commit isn't available locally.
+          use_rest_api: true
+
+      - name: Generate PR title
+        id: generate
+        run: |
+          NEW_TITLE="$(node ./scripts/generatePullRequestTitle.mts)"
+          {
+            echo "new_title<<PR_TITLE_EOF"
+            echo "$NEW_TITLE"
+            echo "PR_TITLE_EOF"
+          } >> "$GITHUB_OUTPUT"
+        env:
+          ADDED_FILES: ${{ steps.changed-files.outputs.added_files }}
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_and_modified_files }}
+          CURRENT_TITLE: ${{ github.event.pull_request.title }}
+
+      - name: Update PR title
+        if: steps.generate.outputs.new_title != ''
+        run: gh pr edit "$PR_NUMBER" --title "$NEW_TITLE"
+        env:
+          GH_TOKEN: ${{ github.token }}
+          PR_NUMBER: ${{ github.event.pull_request.number }}
+          NEW_TITLE: ${{ steps.generate.outputs.new_title }}
+
+  # Runs after the title is generated: an edit made with `GITHUB_TOKEN` does not
+  # trigger new workflow runs, so a separate workflow would lint the old title.
+  # The lint action fetches the current title through the API.
+  lint-pr-title:
+    name: PR Title Lint
+    needs: generate-pr-title
+    if: ${{ !cancelled() }}
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read # Required to read the PR title
+
+    steps:
+      # Checks out the base branch, so the allowed types can't be changed by the PR.
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+
+      - name: Read conventional commit types
+        id: commit-types
+        run: |
+          {
+            echo "types<<TYPES_EOF"
+            jq -r '.[]' .github/conventional-commit-types.json
+            echo "TYPES_EOF"
+          } >> "$GITHUB_OUTPUT"
+
+      - uses: amannn/action-semantic-pull-request@48f256284bd46cdaab1048c3721360e808335d50 # v6.1.1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          types: ${{ steps.commit-types.outputs.types }}
+          requireScope: true
+          ignoreLabels: |
+            bot
@@ -17,7 +17,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -33,7 +33,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -7,11 +7,12 @@ permissions:
  contents: read

 jobs:
-  lint-code:
+  eslint:
+    name: ESLint
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -20,5 +21,57 @@ jobs:
      - name: Install Dependencies
        run: pnpm install --frozen-lockfile

-      - name: Run Linter
-        run: pnpm lint
+      # The formatter prints workflow commands, which GitHub shows as inline annotations.
+      - name: Run ESLint
+        run: pnpm lint:es --format ./scripts/eslint/githubFormatter.mjs
+
+  prettier:
+    name: Prettier
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Check formatting
+        run: pnpm lint:format:ci
+
+  json-schema:
+    name: JSON Schema
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Validate icon and category JSON
+        run: pnpm lint:json --format ./scripts/eslint/githubFormatter.mjs
+
+  spelling:
+    name: Spelling
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Spell check icon and category metadata
+        run: pnpm lint:spelling:ci
@@ -1,36 +0,0 @@
-name: Linting PR title
-
-on:
-  pull_request:
-    types:
-      - opened
-      - edited
-      - reopened
-
-permissions:
-  contents: read
-  pull-requests: read # Required to read the PR title
-
-jobs:
-  lint-pr-title:
-    name: PR Title Lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: amannn/action-semantic-pull-request@48f256284bd46cdaab1048c3721360e808335d50 # v6.1.1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        with:
-          types: |
-            fix
-            feat
-            perf
-            refactor
-            test
-            style
-            docs
-            ci
-            build
-            chore
-          requireScope: true
-          ignoreLabels: |
-            bot
@@ -20,7 +20,7 @@ jobs:
      contents: read
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -49,7 +49,7 @@ jobs:
      contents: read
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -19,7 +19,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          node-version-file: 'package.json'
@@ -35,7 +35,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          node-version-file: 'package.json'
@@ -51,7 +51,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          node-version-file: 'package.json'
@@ -17,7 +17,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -42,7 +42,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -18,7 +18,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -34,7 +34,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -20,7 +20,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -36,7 +36,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -20,7 +20,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -36,7 +36,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -52,7 +52,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -24,7 +24,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -40,7 +40,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -56,7 +56,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -75,7 +75,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -17,7 +17,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -33,7 +33,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -7,9 +7,12 @@ on:
  pull_request:
    paths:
      - packages/lucide-solid/**
+      - integrations/lucide-solid/**
      - packages/shared/**
      - tools/build-icons/**
      - tools/rollup-plugins/**
+      - package.json
+      - pnpm-workspace.yaml
      - pnpm-lock.yaml

 permissions:
@@ -20,7 +23,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -36,7 +39,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -52,7 +55,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -63,3 +66,22 @@ jobs:

      - name: Typecheck
        run: pnpm --filter lucide-solid typecheck
+
+  integration:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Chromium
+        run: pnpm --filter @lucide/integration-solid-vite exec playwright install --with-deps chromium
+
+      - name: Run integration checks
+        run: pnpm test:integrations:solid
@@ -15,7 +15,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -31,7 +31,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -10,6 +10,9 @@ on:
      - packages/shared/**
      - tools/build-icons/**
      - tools/rollup-plugins/**
+      - integrations/lucide-svelte/**
+      - package.json
+      - pnpm-workspace.yaml
      - pnpm-lock.yaml

 permissions:
@@ -20,7 +23,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -36,7 +39,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -52,7 +55,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -63,3 +66,22 @@ jobs:

      - name: Typecheck
        run: pnpm --filter @lucide/svelte typecheck
+
+  integration:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Chromium
+        run: pnpm --filter @lucide/integration-svelte-vite exec playwright install --with-deps chromium
+
+      - name: Run integration checks
+        run: pnpm test:integrations:svelte
@@ -10,6 +10,9 @@ on:
      - packages/shared/**
      - tools/build-icons/**
      - tools/rollup-plugins/**
+      - integrations/lucide-vue/**
+      - package.json
+      - pnpm-workspace.yaml
      - pnpm-lock.yaml

 permissions:
@@ -20,7 +23,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -36,7 +39,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -52,7 +55,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -63,3 +66,22 @@ jobs:

      - name: Test
        run: pnpm --filter @lucide/vue typecheck
+
+  integration:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Chromium
+        run: pnpm --filter @lucide/integration-vue-vite exec playwright install --with-deps chromium
+
+      - name: Run integration checks
+        run: pnpm test:integrations:vue
@@ -19,7 +19,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -35,7 +35,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -51,7 +51,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -22,7 +22,7 @@ jobs:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
        with:
          repository: lucide-icons/lucide
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -35,7 +35,7 @@ jobs:
        with:
          fetch-depth: 0 # Required to diff the lab icons against the previous tag

-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -125,7 +125,7 @@ jobs:
      contents: read
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -53,12 +53,13 @@ jobs:
            '@lucide/angular',
            '@lucide/astro',
            '@lucide/icons',
+            '@lucide/solid',
            '@lucide/svelte',
            '@lucide/vue',
          ]
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -96,7 +97,7 @@ jobs:
          name: lucide-font
          path: lucide-font

-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -127,7 +128,7 @@ jobs:
      contents: read
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: pnpm/action-setup@ea17c68df8912ef543352723c149a84f56e3d413 # v6.1.0
      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
        with:
          cache: 'pnpm'
@@ -0,0 +1,71 @@
+name: Lucide Solid 2 Checks
+
+on:
+  push:
+    branches:
+      - next
+  pull_request:
+    paths:
+      - packages/solid/**
+      - packages/shared/**
+      - tools/build-icons/**
+      - tools/rollup-plugins/**
+      - integrations/lucide-solid-2/**
+      - package.json
+      - pnpm-workspace.yaml
+      - pnpm-lock.yaml
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build
+        run: pnpm --filter @lucide/solid build
+
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Test
+        run: pnpm --filter @lucide/solid test
+
+  integration:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+      - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
+      - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+        with:
+          cache: 'pnpm'
+          node-version-file: 'package.json'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Install Chromium
+        run: pnpm --filter @lucide/integration-solid-2-vite exec playwright install --with-deps chromium
+
+      - name: Run integration checks
+        run: pnpm test:integrations:solid-2
@@ -19,6 +19,10 @@ stats
 integrations/**/.react-router
 integrations/**/.vitest-attachments
 integrations/**/__screenshots__
+integrations/**/.output
+integrations/**/.nitro
+integrations/**/.nuxt
+integrations/**/.svelte-kit
 outlined
 lucide-font
 packages/**/src/icons/*.js
@@ -1,4 +1,5 @@
 pnpm-lock.yaml
+.github/conventional-commit-types.json

 # docs examples
 docs/**/examples/
@@ -23,8 +24,13 @@ packages/svelte/.svelte-kit
 integrations/**/.react-router
 integrations/**/next-env.d.ts
 integrations/**/routeTree.gen.ts
+integrations/**/file-routes.d.ts
 integrations/**/.vitest-attachments
 integrations/**/__screenshots__
+integrations/**/.output
+integrations/**/.nitro
+integrations/**/.nuxt
+integrations/**/.svelte-kit

 # lucide-svelte
 packages/svelte/src/icons/*.svelte
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Accessibility",
+  "description": "Icons for accessibility, visibility, hearing, speech, and inclusive UI affordances.",
  "icon": "accessibility"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Accounts & access",
+  "description": "Icons for user profiles, identity, settings, memberships, and personal account actions.",
  "icon": "user"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Animals",
+  "description": "Icons for animals, wildlife, pets, insects, and other living creatures.",
  "icon": "dog"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Arrows",
+  "description": "Icons for directional arrows, movement, sorting, transfer, and navigation flows.",
  "icon": "arrow-left-right"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Buildings",
+  "description": "Icons for buildings, landmarks, houses, infrastructure, and built environments.",
  "icon": "building"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Charts",
+  "description": "Icons for charts, graphs, trends, analytics, and data visualization.",
  "icon": "chart-pie"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Communication",
+  "description": "Icons for speaking, listening, calling, messaging, broadcasting, and communication devices.",
  "icon": "message-circle"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Connectivity",
+  "description": "Icons for wireless signals, wired connections, networks, device pairing, and data transfer.",
  "icon": "wifi"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Cursors",
+  "description": "Icons for cursors, pointers, selection tools, and loading states.",
  "icon": "mouse-pointer-2"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Design",
+  "description": "Icons for design tools, layout controls, creative editing, and visual composition.",
  "icon": "palette"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Coding & development",
+  "description": "Icons for code, logic, data structures, automation, and software development workflows.",
  "icon": "code-xml"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Devices",
+  "description": "Icons for hardware, electronics, computers, peripherals, and connected devices.",
  "icon": "smartphone"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Emoji",
+  "description": "Icons for expressive symbols, faces, gestures, hearts, stars, and zodiac signs.",
  "icon": "face-slightly-smiling"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "File icons",
+  "description": "Icons for files, folders, storage, import and export, and document-related actions.",
  "icon": "panels-top-left"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Finance",
+  "description": "Icons for money, pricing, payments, currencies, banking, and financial trends.",
  "icon": "piggy-bank"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Food & beverage",
+  "description": "Icons for food, drinks, cooking, ingredients, dining, and kitchen items.",
  "icon": "coffee"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Gaming",
+  "description": "Icons for games, fantasy items, strategy pieces, achievements, and play-related objects.",
  "icon": "gamepad-2"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Home",
+  "description": "Icons for household spaces, furniture, appliances, utilities, cleaning, and home safety.",
  "icon": "house"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Layout",
+  "description": "Icons for alignment, spacing, resizing, grouping, and interface layout structure.",
  "icon": "panels-top-left"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Mail",
+  "description": "Icons for mailboxes, inboxes, sending, replies, attachments, and email management.",
  "icon": "mail"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Mathematics",
+  "description": "Icons for math symbols, geometry, measurement, arithmetic, and calculation.",
  "icon": "divide"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Medical",
+  "description": "Icons for healthcare, anatomy, treatment, diagnostics, wellness, and medical facilities.",
  "icon": "heart"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Multimedia",
+  "description": "Icons for audio, video, playback, recording, broadcasting, and media libraries.",
  "icon": "circle-play"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Nature",
+  "description": "Icons for plants, trees, landscapes, camping, and the natural world.",
  "icon": "sprout"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Navigation & Places",
+  "description": "Icons for maps, locations, landmarks, routes, travel directions, and wayfinding.",
  "icon": "compass"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
-  "title": "Notification",
+  "title": "Notifications",
+  "description": "Icons for alerts, status updates, reminders, approvals, and attention states.",
  "icon": "triangle-alert"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "People",
+  "description": "Icons for people, groups, identities, roles, and person-centered actions.",
  "icon": "person-standing"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Photography",
+  "description": "Icons for cameras, images, framing, viewing, editing, and photo workflows.",
  "icon": "camera"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Science",
+  "description": "Icons for science, research, experiments, instruments, formulas, and discovery.",
  "icon": "flask-conical"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Seasons",
+  "description": "Icons for seasonal weather, blooming plants, sunlight, and changing times of year.",
  "icon": "leaf"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Security",
+  "description": "Icons for locks, keys, identity checks, surveillance, protection, and secure access.",
  "icon": "shield"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Shapes",
+  "description": "Icons for basic geometric shapes and symbols.",
  "icon": "triangle"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Shopping",
+  "description": "Icons for retail, carts, bags, checkout, barcodes, and purchasing.",
  "icon": "shopping-bag"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Social",
+  "description": "Icons for social interaction, reactions, sharing, community, and relationship signals.",
  "icon": "thumbs-up"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Sports",
-  "icon": "type"
+  "description": "Icons for sports, fitness, competition, equipment, and athletic achievement.",
+  "icon": "trophy"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Sustainability",
+  "description": "Icons for sustainability, clean energy, recycling, nature, and environmental stewardship.",
  "icon": "recycle"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Text formatting",
+  "description": "Icons for letters, typography, formatting, reading, writing, and text structure.",
  "icon": "type"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Time & calendar",
+  "description": "Icons for clocks, calendars, schedules, history, timers, and time tracking.",
  "icon": "calendar"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Tools",
+  "description": "Icons for hand tools, equipment, maintenance, repair, and making things.",
  "icon": "hammer"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Transportation",
+  "description": "Icons for vehicles, transit, cargo, parking, fuel, and moving people or goods.",
  "icon": "train-front"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Travel",
+  "description": "Icons for travel, lodging, luggage, destinations, trip planning, and tourism.",
  "icon": "backpack"
 }
@@ -1,5 +1,6 @@
 {
  "$schema": "../category.schema.json",
  "title": "Weather",
+  "description": "Icons for clouds, sun, rain, wind, temperature, and weather conditions.",
  "icon": "cloud-sun"
 }
@@ -13,7 +13,7 @@
  "title": "Lucide Icons category schema",
  "type": "object",
  "additionalProperties": false,
-  "required": ["$schema", "icon", "title"],
+  "required": ["$schema", "description", "icon", "title"],
  "properties": {
    "$schema": {
      "type": "string"
@@ -1,4 +1,5 @@
 {
+  "language": "en,en-GB",
  "dictionaries": ["en-us", "custom-words"],
  "dictionaryDefinitions": [
    {
@@ -6,5 +7,9 @@
      "path": "./.cspell/custom-words.txt",
      "addWords": true
    }
+  ],
+  "ignoreRegExpList": [
+    "/\"contributors\"\\s*:\\s*\\[[^\\]]*\\]/g",
+    "/\"name\"\\s*:\\s*\"[^\"]*\"/g"
  ]
 }
@@ -41,7 +41,6 @@ export default eventHandler((event) => {
    <Diff
      oldSrc={oldSrc}
      newSrc={newSrc}
-      showGrid
      height={height}
      width={width}
    >
@@ -48,7 +48,6 @@ export default eventHandler((event) => {
    <Diff
      oldSrc={oldSrc}
      newSrc={newSrc}
-      showGrid
      height={height}
      width={width}
    >
@@ -18,11 +18,12 @@ export default eventHandler((event) => {
    return sendError(event, error);
  }

-  const width = getQuery(event).width || undefined;
-  const height = getQuery(event).height || undefined;
-  const color = getQuery(event).color || undefined;
-  const strokeWidth = getQuery(event).strokeWidth || undefined;
-  const background = getQuery(event).background || undefined;
+  const query = getQuery<Record<string, string | undefined>>(event);
+  const width = query.width || undefined;
+  const height = query.height || undefined;
+  const color = query.color || undefined;
+  const strokeWidth = query.strokeWidth || undefined;
+  const background = query.background || undefined;

  const LucideIcon = createLucideIcon(params.iconName, iconNode);

@@ -15,6 +15,10 @@ const defaultSandpackCSS = await readFile(
  fileURLToPath(new URL('./theme/sandpack-default.css', import.meta.url)),
  'utf-8',
 );
+const iconStyleHeadScript = await readFile(
+  fileURLToPath(new URL('./theme/iconStyleHead.js', import.meta.url)),
+  'utf-8',
+);

 const title = 'Lucide';
 const socialTitle = 'Lucide Icons';
@@ -64,6 +68,12 @@ export default defineConfig({
            new URL('./theme/components/overrides/VPCarbonAds.vue', import.meta.url),
          ),
        },
+        {
+          find: /^.*\/VPNavBarSearch\.vue$/,
+          replacement: fileURLToPath(
+            new URL('./theme/components/overrides/VPNavBarSearch.vue', import.meta.url),
+          ),
+        },
        {
          find: '~/.vitepress',
          replacement: fileURLToPath(new URL('./', import.meta.url)),
@@ -84,7 +94,10 @@ export default defineConfig({
      }) as unknown as UserConfig['vite']['plugins'][0],
    ],
  },
-  head: getHeadConfig({ title, description, socialTitle }),
+  head: [
+    ...getHeadConfig({ title, description, socialTitle }),
+    ['script', {}, iconStyleHeadScript],
+  ],
  transformPageData,
  themeConfig: {
    logo: {
@@ -118,6 +131,14 @@ export default defineConfig({
    editLink: {
      pattern: 'https://github.com/lucide-icons/lucide/edit/main/docs/:path',
    },
+    search: {
+      provider: 'algolia',
+      options: {
+        appId: 'R7KKMCPXOB',
+        apiKey: 'dd3101054267d35fb28f49c42715f1aa',
+        indexName: 'lucide',
+      },
+    },
    carbonAds: {
      code: 'CWYIC53U',
      placement: 'lucidedev',
@@ -101,7 +101,7 @@
  },
  {
    "name": "notifications",
-    "title": "Notification"
+    "title": "Notifications"
  },
  {
    "name": "people",
@@ -85,8 +85,26 @@
      }
    ]
  },
-  "lucide-react-native": {
+  "@lucide/solid": {
    "order": 5,
+    "icon": "solid",
+    "docsAlias": "solid",
+    "packageDirname": "solid",
+    "shields": [
+      {
+        "alt": "npm",
+        "src": "https://img.shields.io/npm/v/@lucide/solid",
+        "href": "https://www.npmjs.com/package/@lucide/solid"
+      },
+      {
+        "alt": "npm",
+        "src": "https://img.shields.io/npm/dw/@lucide/solid",
+        "href": "https://www.npmjs.com/package/@lucide/solid"
+      }
+    ]
+  },
+  "lucide-react-native": {
+    "order": 6,
    "icon": "react-native",
    "docsAlias": "react-native",
    "shields": [
@@ -103,7 +121,7 @@
    ]
  },
  "@lucide/angular": {
-    "order": 6,
+    "order": 7,
    "icon": "angular",
    "docsAlias": "angular",
    "packageDirname": "angular",
@@ -228,5 +228,24 @@
    ],
    "source": "https://github.com/GyeongHoKim/lucide-lit",
    "documentation": "https://github.com/GyeongHoKim/lucide-lit/blob/main/README.md"
+  },
+  {
+    "name": "lucide-jte",
+    "description": "Implementation of Lucide icons for jte (Java Template Engine).",
+    "icon": "/framework-logos/java.svg",
+    "shields": [
+      {
+        "alt": "Latest Stable Version",
+        "src": "https://img.shields.io/github/v/release/sgruendel/lucide-jte",
+        "href": "https://github.com/sgruendel/lucide-jte/releases"
+      },
+      {
+        "alt": "Maven Central",
+        "src": "https://img.shields.io/maven-central/v/io.github.sgruendel/lucide-jte.svg",
+        "href": "https://central.sonatype.com/artifact/io.github.sgruendel/lucide-jte"
+      }
+    ],
+    "source": "https://github.com/sgruendel/lucide-jte",
+    "documentation": "https://github.com/sgruendel/lucide-jte/blob/main/README.md"
  }
 ]
@@ -1,7 +1,19 @@
 import { PageData } from 'vitepress';

+/**
+ * Mirrors the notices in the repo's LICENSE file, which is bumped by hand — keep the
+ * year here in step with it.
+ */
+const LUCIDE_COPYRIGHT = 'Copyright (c) 2026 Lucide Icons and Contributors';
+const FEATHER_COPYRIGHT = 'Copyright (c) 2013-present Cole Bemis';
+const LICENSE_URL = 'https://lucide.dev/license';
+
 export default async function getStructuredData(iconName: string, pageData: PageData) {
-  const url = `https://lucide.dev/icons/${iconName}`;
+  const params = pageData.params ?? {};
+  const isLab = params.externalLibrary === 'lab';
+  const url = `https://lucide.dev/icons/${isLab ? 'lab/' : ''}${iconName}`;
+
+  const awaitingRelease = Boolean(params.awaitingRelease);

  return {
    '@context': 'https://schema.org',
@@ -29,18 +41,41 @@ export default async function getStructuredData(iconName: string, pageData: Page
      name: iconName,
      // TODO: Add support for description extraction from icon metadata
      // description: 'An ...SVG icon from the Lucide icon set.',
-      contentUrl: `https://lucide.dev/api/icons/${iconName}}?width=24&height=24&background=white`,
-      thumbnailUrl: `https://lucide.dev/api/icons/${iconName}}?width=256&height=256&background=white`,
+      // `/api/icons/<name>` only renders core icons, a lab name would 404 there.
+      ...(isLab
+        ? {}
+        : {
+            contentUrl: `https://lucide.dev/api/icons/${iconName}?width=24&height=24&background=white`,
+            thumbnailUrl: `https://lucide.dev/api/icons/${iconName}?width=256&height=256&background=white`,
+          }),
      encodingFormat: 'image/svg+xml',
-      keywords: pageData.params?.tags,
+      keywords: params.tags,
      width: 24,
      height: 24,
      creator: {
        '@type': 'Organization',
        name: 'Lucide Icons',
      },
-      datePublished: pageData?.params?.createdRelease?.date,
-      dateModified: pageData?.params?.changedRelease?.date,
+      license: LICENSE_URL,
+      acquireLicensePage: LICENSE_URL,
+      // The Feather-derived icons are MIT © Cole Bemis; everything else is ISC. Lab
+      // icons carry no release metadata, so they fall to the ISC-only notice.
+      copyrightNotice: params.fromFork
+        ? `${LUCIDE_COPYRIGHT}; ${FEATHER_COPYRIGHT}`
+        : LUCIDE_COPYRIGHT,
+      creditText: 'Lucide Icons',
+      // Both dates fall back to the date of the fork for unreleased icons, so neither
+      ...(awaitingRelease
+        ? {}
+        : {
+            ...(params.createdRelease?.date ? { datePublished: params.createdRelease.date } : {}),
+            ...(params.changedRelease?.date ? { dateModified: params.changedRelease.date } : {}),
+          }),
+
+      // Custom attributes, picked up by the Algolia crawler to rank and sort the icon
+      // index. Not schema.org vocabulary, consumers that don't know them ignore them.
+      popularity: params.popularity ?? 0,
+      awaitingRelease,
    },
  };
 }
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';

 interface BackdropProps {
  src: string;
@@ -397,10 +397,14 @@ interface SvgPreviewProps extends React.SVGProps<SVGSVGElement> {
  children?: React.ReactNode;
 }

-const SvgPreview = (
-  { src, children, height = 24, width = 24, showGrid = false, ...props }: SvgPreviewProps,
-  ref,
-) => {
+const SvgPreview = ({
+  src,
+  children,
+  height = 24,
+  width = 24,
+  showGrid = false,
+  ...props
+}: SvgPreviewProps) => {
  const subGridSize =
    Math.max(height, width) % 3 === 0
      ? Math.max(height, width) > 24
@@ -413,7 +417,6 @@ const SvgPreview = (

  return (
    <svg
-      ref={ref}
      xmlns="http://www.w3.org/2000/svg"
      width={width}
      height={height}
@@ -16,6 +16,7 @@ export function getAllCategoryFiles(): Omit<Category, 'iconCount'>[] {
    return {
      name,
      title: parsedFileContent.title,
+      description: parsedFileContent.description,
    };
  });
 }
@@ -73,7 +73,7 @@ function hidePopup() {
          :iconNode="x"
          name="x"
          :size="20"
-          absoluteStrokeWidth
+          nonScalingStroke
        />
      </Button>

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useData } from 'vitepress';
 import { computed } from 'vue';

 const props = defineProps<{
@@ -7,8 +6,6 @@ const props = defineProps<{
  id: string;
 }>();

-const { isDark } = useData();
-
 const emit = defineEmits(['update:modelValue']);

 function limitHexInput(val: string) {
@@ -22,7 +19,7 @@ function limitHexInput(val: string) {
 const value = computed({
  get: () => {
    if (props.modelValue == null || props.modelValue === 'currentColor') {
-      return isDark.value ? '#ffffff' : '#000000';
+      return null;
    }

    return props.modelValue;
@@ -27,7 +27,7 @@ defineProps({

 <style scoped>
 .fake-input {
-  background: var(--vp-c-bg-soft);
+  background: var(--vp-c-bg-alt);
  border-radius: 8px;
  color: var(--vp-c-text-2);
  padding: 11px 16px;
@@ -5,7 +5,7 @@ import Button from './Button.vue';
 </script>

 <template>
-  <Button class="reset-button">
+  <Button class="reset-button" aria-label="Reset style">
    <Icon
      :size="20"
      :iconNode="rotateCw"
@@ -16,6 +16,7 @@ import Button from './Button.vue';

 <style scoped>
 .reset-button {
+  transition: ease-in-out 0.1s opacity;
  background: none;
  padding: 0;
 }
@@ -29,6 +30,12 @@ import Button from './Button.vue';
  border-color: transparent;
 }

+.reset-button:disabled {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.5;
+}
+
 /* a rotate css animation keyframes */
@keyframes rotate {
  0% {
@@ -1,22 +1,33 @@
 <script setup>
  import { Switch } from '@headlessui/vue'
+  import { onMounted, ref } from 'vue'

  defineProps({
    modelValue: {
      type: Boolean,
      default: false
+    },
+    id: {
+      type: String,
+      default: ''
    }
  })

  const emit = defineEmits(['update:modelValue'])
+  const isHydrated = ref(false)
+
+  onMounted(() => {
+    isHydrated.value = true
+  })
 </script>

 <template>
  <Switch
-    :model-value="modelValue"
+    :model-value="isHydrated ? modelValue : false"
    @update:model-value="emit('update:modelValue', $event)"
    class="switch"
-    :class="{ enabled: modelValue }"
+    :class="{ enabled: isHydrated && modelValue }"
+    :id="id"
  >
    <span class="thumb" />
  </Switch>
@@ -1,13 +1,11 @@
 <script lang="ts" setup>
-import { type FunctionalComponent } from 'vue';
-import { type LucideProps } from '@lucide/vue/src/types';
-import { Sandpack } from 'sandpack-vue3';
+import { Sandpack, type SandpackProps } from 'sandpack-vue3';

-defineProps<FunctionalComponent<LucideProps>>();
+const props = defineProps<SandpackProps>();
 </script>

 <template>
-  <Sandpack />
+  <Sandpack v-bind="props" />
 </template>

 <style>
@@ -1,10 +1,9 @@
 <script setup lang="tsx">
 import VPSidebarGroup from 'vitepress/dist/client/theme-default/components/VPSidebarGroup.vue';
-import sidebar, { guideSidebarTop } from '../../../sidebar';
+import sidebar from '../../../sidebar';
 import { useData, useRouter } from 'vitepress';
 import Select from '../base/Select.vue';
-import { computed, ref, watch, watchEffect } from 'vue';
-import { link, route } from '~/.vitepress/data/iconNodes';
+import { computed } from 'vue';
 import { useLocalStorage } from '@vueuse/core';

 const { page } = useData();
@@ -75,14 +74,7 @@ function onSelectFramework(item: Framework) {
 </script>

 <template>
-  <VPSidebarGroup
-    :items="guideSidebarTop"
-    v-if="page?.relativePath?.startsWith?.('guide')"
-  />
-  <div
-    class="framework-select"
-    v-if="page?.relativePath?.startsWith?.('guide')"
-  >
+  <div class="framework-select">
    <label for="framework-select">Framework</label>
    <Select
      id="framework-select"
@@ -93,10 +85,7 @@ function onSelectFramework(item: Framework) {
  </div>
  <VPSidebarGroup
    :key="selected.value"
-    v-if="
-      page?.relativePath?.startsWith?.('guide') &&
-      !page?.relativePath?.startsWith?.(selected.value.substring(1))
-    "
+    v-if="!page?.relativePath?.startsWith?.(selected.value.substring(1))"
    :items="sidebar[selected.value]"
  />
 </template>
@@ -56,7 +56,6 @@ const scaleDownVariants: Variants = {
  riseUp: {
    x: 0.5,
    y: -0.5,
-    animationName: 'riseUp',
    scale: 1,
    transition: {
      delay: 0.5,
@@ -68,7 +67,6 @@ const scaleDownVariants: Variants = {
    x: -10.5,
    y: -10.5,
    scale: 0.1,
-    animationName: 'small',
    transition: {
      delay: 1,
      duration: 1,
@@ -84,7 +82,6 @@ const drawAnimation = ref('visible');
 const draw: Variants = {
  hidden: { pathLength: 0, opacity: 0 },
  visible: {
-    animationName: 'visible',
    pathLength: 1.02,
    opacity: 1,
    transition: {
@@ -93,7 +90,6 @@ const draw: Variants = {
    },
  },
  exit: (path) => ({
-    animationName: 'exit',
    stroke: path ? 'var(--vp-c-text-1)' : 'var(--vp-c-brand)',
    pathLength: 1.02,
    opacity: 1,
@@ -103,25 +99,26 @@ const draw: Variants = {
  }),
 };

-const onAnimationComplete = (item) => {
-  if (item.animationName === 'visible') {
+// motion-v passes the variant label that finished, not the resolved variant
+const onAnimationComplete = (variant: unknown) => {
+  if (variant === 'visible') {
    drawAnimation.value = 'exit';
    return;
  }
-  if (item.animationName === 'exit') {
+  if (variant === 'exit') {
    showHandles.value = false;
    scaleDownAnimation.value = 'small';
  }
-  if (item.animationName === 'small') {
+  if (variant === 'small') {
    iconGridAnimation.value = 'showIcons';
  }
-  if (item.animationName === 'riseUp') {
+  if (variant === 'riseUp') {
    scaleDownAnimation.value = 'small';
  }
-  if (item.animationName === 'showIcons') {
+  if (variant === 'showIcons') {
    shrinkIconAnimation.value = 'shrinkIcons';
  }
-  if (item.animationName === 'shrinkIcons') {
+  if (variant === 'shrinkIcons') {
    iconGridAnimation.value = 'initial';

    setTimeout(() => {
@@ -134,14 +131,12 @@ const randomIndex = ref(Math.floor(Math.random() * 64));

 const iconAnimationVariants: Variants = {
  initial: {
-    animationName: 'end',
    opacity: 0,
    x: 0,
    y: 0,
    transition: { duration: 1, delay: 1, ease: 'easeInOut' },
  },
  showIcons: (index) => ({
-    animationName: 'showIcons',
    opacity: [0, 1, 1],
    x: [0.5, 0, 0],
    y: [-0.5, 0, 0],
@@ -155,7 +150,6 @@ const shrinkIconAnimation = ref('initial');
 const shrinkIconVariants: Variants = {
  initial: { strokeWidth: 2 },
  shrinkIcons: (index) => ({
-    animationName: 'shrinkIcons',
    opacity: 1,
    strokeWidth: 0,
    transition: { delay: 1.8, duration: 1.5, ease: 'easeInOut' },
@@ -257,7 +251,7 @@ const shrinkIconVariants: Variants = {
        </motion.g>
        <motion.g
          class="svg-preview-control-path-marker-group"
-          stroke="#fff"
+          :style="{ stroke: 'var(--vp-c-text-1)' }"
          stroke-width="0.125"
          :initial="{ opacity: 1 }"
          :animate="showHandles ? { opacity: 1 } : { opacity: 0 }"
@@ -38,7 +38,7 @@ const pickIcons = [
  'map-pinned',
  'megaphone',
  'moon',
-  'music',
+  'sixteenth-notes',
  'phone',
  'power-off',
  'radio',
@@ -11,18 +11,6 @@ import RocketDuotoneIcon from './RocketDuotoneIcon.ts';
    <Badge :href="`https://github.com/lucide-icons/lucide/releases/tag/${data.version}`">
      v{{ data.version }}
    </Badge>
-    <Badge
-      class="badge-special confetti-button animate"
-      href="/guide/version-1"
-    >
-      <Icon :iconNode="RocketDuotoneIcon" name="rocket-duotone" />
-      Version 1
-      <Icon
-        :iconNode="moveRight"
-        name="move-right"
-        class=""
-      />
-    </Badge>
  </div>
 </template>

@@ -45,22 +33,6 @@ import RocketDuotoneIcon from './RocketDuotoneIcon.ts';
  gap: 8px;
  padding: 4px 8px;
 }
-
-.badge-special {
-  font-weight: 500;
-  color: var(--vp-c-brand-1);
-  text-underline-offset: 2px;
-  align-items: center;
-}
-
-.badge-special::before,
-.badge-special::after {
-  animation-delay: 0.5s !important;
-  animation-duration: 5s !important;
-  animation-iteration-count: infinite !important;
-  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
-  transform: translateX(32px);
-}
 </style>

 <style>
@@ -1,59 +1,21 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { syncRef, useCssVar } from '@vueuse/core'
-import HomeContainer from './HomeContainer.vue'
-import RangeSlider from '../base/RangeSlider.vue'
-import InputField from '../base/InputField.vue'
-import ColorPicker from '../base/ColorPicker.vue'
-import ResetButton from '../base/ResetButton.vue'
-import HomeIconCustomizerIcons from './HomeIconCustomizerIcons.vue'
-import Switch from '../base/Switch.vue'
+import { computed } from 'vue';
+import { useIconStyle } from '../../composables/useIconStyle';
+import HomeContainer from './HomeContainer.vue';
+import RangeSlider from '../base/RangeSlider.vue';
+import InputField from '../base/InputField.vue';
+import ColorPicker from '../base/ColorPicker.vue';
+import ResetButton from '../base/ResetButton.vue';
+import HomeIconCustomizerIcons from './HomeIconCustomizerIcons.vue';
+import Switch from '../base/Switch.vue';

+const { color, strokeWidth, size, nonScalingStroke, isCustomized, resetStyle } = useIconStyle();

-const iconContainer = ref<HTMLElement | null>()
-const color = ref('currentColor')
-const strokeWidth = ref(2)
-const size = ref(24)
-const absoluteStrokeWidth = ref(false)
-
-const colorCssVar = useCssVar(
-  '--customize-color',
-  iconContainer,
-  {
-    initialValue: 'default'
-  }
-)
-
-const strokeWidthCssVar = useCssVar(
-  '--customize-strokeWidth',
-  iconContainer,
-  {
-    initialValue: '2'
-  }
-)
-
-const sizeCssVar = useCssVar(
-  '--customize-size',
-  iconContainer,
-  {
-    initialValue: '24'
-  }
-)
-
-syncRef(color, colorCssVar)
-syncRef(strokeWidth, strokeWidthCssVar, { transform: { ltr: String, rtl: Number } })
-syncRef(size, sizeCssVar, { transform: { ltr: String, rtl: Number } })
-
-function resetStyle () {
-  color.value = 'currentColor'
-  strokeWidth.value = 2
-  size.value = 24
-  absoluteStrokeWidth.value = false
-}
-
-watch(absoluteStrokeWidth, (enabled) => {
-  iconContainer.value?.classList.toggle('absolute-stroke-width', enabled)
-})
+const iconStyle = computed(() => ({
+  '--home-icon-color': color.value,
+  '--home-icon-stroke-width': String(strokeWidth.value),
+  '--home-icon-size': String(size.value),
+}));
 </script>

 <template>
@@ -62,7 +24,10 @@ watch(absoluteStrokeWidth, (enabled) => {
      <div class="card-column">
        <h2 class="title">
          Style as you please
-          <ResetButton @click="resetStyle"></ResetButton>
+          <ResetButton
+            :disabled="!isCustomized"
+            @click="resetStyle"
+          />
        </h2>
        <p class="copy">
          Lucide has a lot of customization options to match the icons with your UI.
@@ -78,7 +43,10 @@ watch(absoluteStrokeWidth, (enabled) => {
            class="color-picker-field"
          >
            <template #display>
-              <ColorPicker v-model="color" id="icon-color"  />
+              <ColorPicker
+                v-model="color"
+                id="icon-color-picker"
+              />
            </template>
          </InputField>

@@ -90,7 +58,7 @@ watch(absoluteStrokeWidth, (enabled) => {
              <span class="customize-label">{{ strokeWidth }}px</span>
            </template>
            <RangeSlider
-              id="stroke-width"
+              id="stroke-width-slider"
              name="stroke-width"
              v-model="strokeWidth"
              :min="1"
@@ -107,7 +75,7 @@ watch(absoluteStrokeWidth, (enabled) => {
              <span class="customize-label">{{ size }}px</span>
            </template>
            <RangeSlider
-              id="size"
+              id="size-slider"
              name="size"
              v-model="size"
              :min="16"
@@ -117,22 +85,25 @@ watch(absoluteStrokeWidth, (enabled) => {
          </InputField>

          <InputField
-            id="absolute-stroke-width"
-            label="Absolute Stroke width"
+            id="non-scaling-stroke"
+            label="Non-scaling stroke"
          >
            <template #display>
              <Switch
-                id="absolute-stroke-width"
-                name="absolute-stroke-width"
-                v-model="absoluteStrokeWidth"
+                id="non-scaling-stroke-switch"
+                name="non-scaling-stroke"
+                v-model="nonScalingStroke"
              />
            </template>
          </InputField>
        </div>
      </div>

-      <div class="icons-container card-column" ref="iconContainer">
-        <HomeIconCustomizerIcons />
+      <div class="icons-container card-column">
+        <HomeIconCustomizerIcons
+          :class="{ 'non-scaling-stroke': nonScalingStroke }"
+          :style="iconStyle"
+        />
      </div>
    </div>
  </HomeContainer>
@@ -179,10 +150,6 @@ watch(absoluteStrokeWidth, (enabled) => {
    display: grid;
    grid-template-columns: 8fr 10fr;
  }
-  /*
-  .card-column {
-    flex: 1;
-  } */
 }

@media (min-width: 960px) {
@@ -191,7 +158,7 @@ watch(absoluteStrokeWidth, (enabled) => {
  }
 }

-.color-picker-field:deep(.display-value) {
-  width: 138px;
+.color-picker-field:deep(.icon-color-picker-input) {
+  width: 116px;
 }
 </style>
@@ -1,29 +1,35 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { data } from './HomeHeroIconsCard.data'
-import LucideIcon from '../base/LucideIcon.vue'
-import { vIntersectionObserver } from '@vueuse/components'
+import { data } from './HomeHeroIconsCard.data';
+import LucideIcon from '../base/LucideIcon.vue';
+import { vIntersectionObserver } from '@vueuse/components';

-const getInitialItems = () => data.icons.slice(0, 64)
-const items = ref(getInitialItems())
-const showIcons = ref(false)
+const getInitialItems = () => data.icons.slice(0, 64);
+const items = ref(getInitialItems());
+const showIcons = ref(false);

 // Added intersection observer to improve performance
 const onIntersectionObserver: IntersectionObserverCallback = ([{ isIntersecting }]) => {
  if (isIntersecting) {
-    showIcons.value = true
+    showIcons.value = true;
  }
-}
+};
 </script>

 <template>
-  <div class="icon-grid" v-intersection-observer="onIntersectionObserver">
+  <div
+    class="icon-grid"
+    v-intersection-observer="onIntersectionObserver"
+  >
    <template v-if="showIcons">
      <div
        v-for="icon in items"
        class="icon-grid-item"
-        >
-        <LucideIcon v-bind="icon" class="lucide-icon"/>
+      >
+        <LucideIcon
+          v-bind="icon"
+          class="lucide-icon"
+        />
      </div>
    </template>
  </div>
@@ -36,7 +42,7 @@ const onIntersectionObserver: IntersectionObserverCallback = ([{ isIntersecting
  grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));
  grid-template-rows: repeat(auto-fill, minmax(68px, 1fr));
  width: 100%;
-  height:100%;
+  height: 100%;
  max-height: 360px;
  gap: 1px;
  overflow: hidden;
@@ -65,13 +71,15 @@ const onIntersectionObserver: IntersectionObserverCallback = ([{ isIntersecting

 .lucide-icon {
  will-change: width, height, stroke-width, stroke;
-  color: var(--customize-color, currentColor);
-  stroke-width: var(--customize-strokeWidth, 2);
-  width: calc(var(--customize-size, 24) * 1px);
-  height: calc(var(--customize-size, 24) * 1px);
+  color: var(--home-icon-color, currentColor);
+  stroke-width: var(--home-icon-stroke-width, 2);
+  width: calc(var(--home-icon-size, 24) * 1px);
+  height: calc(var(--home-icon-size, 24) * 1px);
+  max-width: 3rem;
+  max-height: 3rem;
 }

-.icons-container.absolute-stroke-width .lucide-icon {
-  stroke-width: calc(var(--customize-strokeWidth, 2) * 24 / var(--customize-size, 24));
+.icon-grid.non-scaling-stroke .lucide-icon {
+  stroke-width: calc(var(--home-icon-stroke-width, 2) * 24 / var(--home-icon-size, 24));
 }
 </style>
@@ -48,7 +48,7 @@ onMounted(() => {
        :iconNode="x"
        name="x"
        :size="20"
-        absoluteStrokeWidth
+        nonScalingStroke
      />
    </Button>
    <VPDocAsideCarbonAds :carbon-ads="theme.carbonAds" overlay />
@@ -9,7 +9,7 @@ const props = defineProps<{
  name: string;
  popoverPosition?: 'top' | 'bottom';
 }>();
-const { size, color, strokeWidth, absoluteStrokeWidth } = useIconStyleContext();
+const { size, color, strokeWidth, nonScalingStroke } = useIconStyleContext();
 const { animate, confetti } = useConfetti();
 const componentName = computed(() => {
  return (toPascalCase(props.name) as string).replace(/\s/g, '');
@@ -30,8 +30,8 @@ function copyJSX() {
    attrs.push(`strokeWidth={${strokeWidth.value}}`);
  }

-  if (absoluteStrokeWidth.value) {
-    attrs.push(`absoluteStrokeWidth`);
+  if (nonScalingStroke.value) {
+    attrs.push(`nonScalingStroke`);
  }

  const code = `<${componentName.value}${attrs.join(' ')} />`;
@@ -60,8 +60,8 @@ function copyVue() {
    attrs.push(`:stroke-width="${strokeWidth.value}"`);
  }

-  if (absoluteStrokeWidth.value) {
-    attrs.push(`absoluteStrokeWidth`);
+  if (nonScalingStroke.value) {
+    attrs.push(`nonScalingStroke`);
  }

  const code = `<${componentName.value}${attrs.join(' ')} />`;
@@ -86,8 +86,8 @@ function copyAngular() {
    attrs.push(`[strokeWidth]="${strokeWidth.value}"`);
  }

-  if (absoluteStrokeWidth.value) {
-    attrs.push(`[absoluteStrokeWidth]="true"`);
+  if (nonScalingStroke.value) {
+    attrs.push(`[nonScalingStroke]="true"`);
  }

  const code = `<lucide-icon${attrs.join(' ')}></lucide-icon>`;
@@ -204,7 +204,7 @@ const DiamondIcon = createLucideIcon('Diamond', diamond);
  max-height: 3rem;
 }

-html.absolute-stroke-width .lucide-icon.customizable {
+html.non-scaling-stroke .lucide-icon.customizable {
  stroke-width: calc(var(--customize-strokeWidth, 2) * 24 / var(--customize-size, 24));
 }
 </style>
--- a/Show More
+++ b/Show More