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

* 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>

.cspell/custom-words.txt

@@ -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

.github/conventional-commit-types.json

@@ -0,0 +1,12 @@
+[
+  "fix",
+  "feat",
+  "perf",
+  "refactor",
+  "test",
+  "style",
+  "docs",
+  "ci",
+  "build",
+  "chore"
+]

.github/instructions/metadata.instructions.md

@@ -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
 

.github/workflows/generate-pr-title.yml

@@ -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

.github/workflows/lint-code.yml

@@ -7,7 +7,8 @@ permissions:
   contents: read
 
 jobs:
-  lint-code:
+  eslint:
+    name: ESLint
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
@@ -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

.github/workflows/lint-pr-title.yml

@@ -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

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

@@ -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:
@@ -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

.gitignore

@@ -22,6 +22,7 @@ integrations/**/__screenshots__
 integrations/**/.output
 integrations/**/.nitro
 integrations/**/.nuxt
+integrations/**/.svelte-kit
 outlined
 lucide-font
 packages/**/src/icons/*.js

.prettierignore

@@ -1,4 +1,5 @@
 pnpm-lock.yaml
+.github/conventional-commit-types.json
 
 # docs examples
 docs/**/examples/
@@ -29,6 +30,7 @@ integrations/**/__screenshots__
 integrations/**/.output
 integrations/**/.nitro
 integrations/**/.nuxt
+integrations/**/.svelte-kit
 
 # lucide-svelte
 packages/svelte/src/icons/*.svelte

categories/accessibility.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Accessibility",
+  "description": "Icons for accessibility, visibility, hearing, speech, and inclusive UI affordances.",
   "icon": "accessibility"
 }

categories/account.json

@@ -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"
 }

categories/animals.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Animals",
+  "description": "Icons for animals, wildlife, pets, insects, and other living creatures.",
   "icon": "dog"
 }

categories/arrows.json

@@ -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"
 }

categories/buildings.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Buildings",
+  "description": "Icons for buildings, landmarks, houses, infrastructure, and built environments.",
   "icon": "building"
 }

categories/charts.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Charts",
+  "description": "Icons for charts, graphs, trends, analytics, and data visualization.",
   "icon": "chart-pie"
 }

categories/communication.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Communication",
+  "description": "Icons for speaking, listening, calling, messaging, broadcasting, and communication devices.",
   "icon": "message-circle"
 }

categories/connectivity.json

@@ -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"
 }

categories/cursors.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Cursors",
+  "description": "Icons for cursors, pointers, selection tools, and loading states.",
   "icon": "mouse-pointer-2"
 }

categories/design.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Design",
+  "description": "Icons for design tools, layout controls, creative editing, and visual composition.",
   "icon": "palette"
 }

categories/development.json

@@ -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"
 }

categories/devices.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Devices",
+  "description": "Icons for hardware, electronics, computers, peripherals, and connected devices.",
   "icon": "smartphone"
 }

categories/emoji.json

@@ -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"
 }

categories/files.json

@@ -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"
 }

categories/finance.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Finance",
+  "description": "Icons for money, pricing, payments, currencies, banking, and financial trends.",
   "icon": "piggy-bank"
 }

categories/food-beverage.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Food & beverage",
+  "description": "Icons for food, drinks, cooking, ingredients, dining, and kitchen items.",
   "icon": "coffee"
 }

categories/gaming.json

@@ -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"
 }

categories/home.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Home",
+  "description": "Icons for household spaces, furniture, appliances, utilities, cleaning, and home safety.",
   "icon": "house"
 }

categories/layout.json

@@ -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"
 }

categories/mail.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Mail",
+  "description": "Icons for mailboxes, inboxes, sending, replies, attachments, and email management.",
   "icon": "mail"
 }

categories/math.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Mathematics",
+  "description": "Icons for math symbols, geometry, measurement, arithmetic, and calculation.",
   "icon": "divide"
 }

categories/medical.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Medical",
+  "description": "Icons for healthcare, anatomy, treatment, diagnostics, wellness, and medical facilities.",
   "icon": "heart"
 }

categories/multimedia.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Multimedia",
+  "description": "Icons for audio, video, playback, recording, broadcasting, and media libraries.",
   "icon": "circle-play"
 }

categories/nature.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Nature",
+  "description": "Icons for plants, trees, landscapes, camping, and the natural world.",
   "icon": "sprout"
 }

categories/navigation.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Navigation & Places",
+  "description": "Icons for maps, locations, landmarks, routes, travel directions, and wayfinding.",
   "icon": "compass"
 }

categories/notifications.json

@@ -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"
 }

categories/people.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "People",
+  "description": "Icons for people, groups, identities, roles, and person-centered actions.",
   "icon": "person-standing"
 }

categories/photography.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Photography",
+  "description": "Icons for cameras, images, framing, viewing, editing, and photo workflows.",
   "icon": "camera"
 }

categories/science.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Science",
+  "description": "Icons for science, research, experiments, instruments, formulas, and discovery.",
   "icon": "flask-conical"
 }

categories/seasons.json

@@ -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"
 }

categories/security.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Security",
+  "description": "Icons for locks, keys, identity checks, surveillance, protection, and secure access.",
   "icon": "shield"
 }

categories/shapes.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Shapes",
+  "description": "Icons for basic geometric shapes and symbols.",
   "icon": "triangle"
 }

categories/shopping.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Shopping",
+  "description": "Icons for retail, carts, bags, checkout, barcodes, and purchasing.",
   "icon": "shopping-bag"
 }

categories/social.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Social",
+  "description": "Icons for social interaction, reactions, sharing, community, and relationship signals.",
   "icon": "thumbs-up"
 }

categories/sports.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Sports",
-  "icon": "type"
+  "description": "Icons for sports, fitness, competition, equipment, and athletic achievement.",
+  "icon": "trophy"
 }

categories/sustainability.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Sustainability",
+  "description": "Icons for sustainability, clean energy, recycling, nature, and environmental stewardship.",
   "icon": "recycle"
 }

categories/text.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Text formatting",
+  "description": "Icons for letters, typography, formatting, reading, writing, and text structure.",
   "icon": "type"
 }

categories/time.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Time & calendar",
+  "description": "Icons for clocks, calendars, schedules, history, timers, and time tracking.",
   "icon": "calendar"
 }

categories/tools.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Tools",
+  "description": "Icons for hand tools, equipment, maintenance, repair, and making things.",
   "icon": "hammer"
 }

categories/transportation.json

@@ -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"
 }

categories/travel.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Travel",
+  "description": "Icons for travel, lodging, luggage, destinations, trip planning, and tourism.",
   "icon": "backpack"
 }

categories/weather.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../category.schema.json",
   "title": "Weather",
+  "description": "Icons for clouds, sun, rain, wind, temperature, and weather conditions.",
   "icon": "cloud-sun"
 }

category.schema.json

@@ -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"

cspell.json

@@ -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"
   ]
 }

docs/.vitepress/config.ts

@@ -68,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)),
@@ -125,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',

docs/.vitepress/data/categoriesData.json

@@ -101,7 +101,7 @@
   },
   {
     "name": "notifications",
-    "title": "Notification"
+    "title": "Notifications"
   },
   {
     "name": "people",

docs/.vitepress/data/packageData.thirdParty.json

@@ -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"
   }
 ]

docs/.vitepress/getStructuredData.ts

@@ -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,
     },
   };
 }

docs/.vitepress/lib/categories.ts

@@ -16,6 +16,7 @@ export function getAllCategoryFiles(): Omit<Category, 'iconCount'>[] {
     return {
       name,
       title: parsedFileContent.title,
+      description: parsedFileContent.description,
     };
   });
 }

docs/.vitepress/theme/components/SurveyAskOverlay.vue

@@ -73,7 +73,7 @@ function hidePopup() {
           :iconNode="x"
           name="x"
           :size="20"
-          absoluteStrokeWidth
+          nonScalingStroke
         />
       </Button>
 

docs/.vitepress/theme/components/base/FakeInput.vue

@@ -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;

docs/.vitepress/theme/components/base/Switch.vue

@@ -6,6 +6,10 @@
     modelValue: {
       type: Boolean,
       default: false
+    },
+    id: {
+      type: String,
+      default: ''
     }
   })
 
@@ -23,6 +27,7 @@
     @update:model-value="emit('update:modelValue', $event)"
     class="switch"
     :class="{ enabled: isHydrated && modelValue }"
+    :id="id"
   >
     <span class="thumb" />
   </Switch>

docs/.vitepress/theme/components/guide/FrameworkSelect.vue

@@ -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>

docs/.vitepress/theme/components/home/HomeHeroIconsAnimation.vue

@@ -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 }"

docs/.vitepress/theme/components/home/HomeHeroIconsCard.data.ts

@@ -38,7 +38,7 @@ const pickIcons = [
   'map-pinned',
   'megaphone',
   'moon',
-  'music',
+  'sixteenth-notes',
   'phone',
   'power-off',
   'radio',

docs/.vitepress/theme/components/home/HomeHeroInfoBefore.vue

@@ -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>

docs/.vitepress/theme/components/home/HomeIconCustomizer.vue

@@ -9,7 +9,7 @@ import ResetButton from '../base/ResetButton.vue';
 import HomeIconCustomizerIcons from './HomeIconCustomizerIcons.vue';
 import Switch from '../base/Switch.vue';
 
-const { color, strokeWidth, size, absoluteStrokeWidth, isCustomized, resetStyle } = useIconStyle();
+const { color, strokeWidth, size, nonScalingStroke, isCustomized, resetStyle } = useIconStyle();
 
 const iconStyle = computed(() => ({
   '--home-icon-color': color.value,
@@ -85,14 +85,14 @@ const iconStyle = computed(() => ({
           </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-switch"
-                name="absolute-stroke-width"
-                v-model="absoluteStrokeWidth"
+                id="non-scaling-stroke-switch"
+                name="non-scaling-stroke"
+                v-model="nonScalingStroke"
               />
             </template>
           </InputField>
@@ -101,7 +101,7 @@ const iconStyle = computed(() => ({
 
       <div class="icons-container card-column">
         <HomeIconCustomizerIcons
-          :class="{ 'absolute-stroke-width': absoluteStrokeWidth }"
+          :class="{ 'non-scaling-stroke': nonScalingStroke }"
           :style="iconStyle"
         />
       </div>

docs/.vitepress/theme/components/home/HomeIconCustomizerIcons.vue

@@ -79,7 +79,7 @@ const onIntersectionObserver: IntersectionObserverCallback = ([{ isIntersecting
   max-height: 3rem;
 }
 
-.icon-grid.absolute-stroke-width .lucide-icon {
+.icon-grid.non-scaling-stroke .lucide-icon {
   stroke-width: calc(var(--home-icon-stroke-width, 2) * 24 / var(--home-icon-size, 24));
 }
 </style>

docs/.vitepress/theme/components/icons/CarbonAdOverlay.vue

@@ -48,7 +48,7 @@ onMounted(() => {
         :iconNode="x"
         name="x"
         :size="20"
-        absoluteStrokeWidth
+        nonScalingStroke
       />
     </Button>
     <VPDocAsideCarbonAds :carbon-ads="theme.carbonAds" overlay />

docs/.vitepress/theme/components/icons/CopyCodeButton.vue

@@ -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>`;

docs/.vitepress/theme/components/icons/IconItem.vue

@@ -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>

docs/.vitepress/theme/components/icons/IconPreview.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { IconEntity } from '../../types';
 import { computed, ref } from 'vue';
-import createLucideIcon from '@lucide/vue/src/createLucideIcon';
+import Icon from '@lucide/vue/src/Icon';
 import { useIconStyleContext } from '../../composables/useIconStyle';
 
 const props = defineProps<{
@@ -12,25 +12,23 @@ const props = defineProps<{
 
 const activeSize = ref('1000%');
 
-const { size, color, strokeWidth, absoluteStrokeWidth } = useIconStyleContext();
+const { size, color, strokeWidth, nonScalingStroke } = useIconStyleContext();
 const previewIcon = ref();
 
 const gridLines = computed(() => Array.from({ length: size.value - 1 }));
-
-const iconComponent = computed(() => {
-  if (!props.name || !props.iconNode) return null;
-  return createLucideIcon(props.name, props.iconNode);
-});
 </script>
 
 <template>
   <div class="icon-container">
-    <component
+    <Icon
+      v-if="name && iconNode"
+      :name="name"
+      :iconNode="iconNode"
       ref="previewIcon"
-      :is="iconComponent"
       :size="size"
       :color="color"
-      :strokeWidth="absoluteStrokeWidth ? (Number(strokeWidth) * 24) / Number(size) : strokeWidth"
+      :strokeWidth="strokeWidth"
+      :nonScalingStroke="nonScalingStroke"
       class="preview-icon"
       :data-size="activeSize"
     />

docs/.vitepress/theme/components/icons/IconPreviewSmall.vue

@@ -71,7 +71,7 @@ const Icon = createLucideIcon(props.name, props.iconNode);
   height: calc(var(--customize-size, 24) * 1px); */
 }
 
-html.absolute-stroke-width .lucide-icon {
+html.non-scaling-stroke .lucide-icon {
   stroke-width: calc(var(--customize-strokeWidth, 2) * 24 / var(--customize-size, 24));
 }
 </style>

docs/.vitepress/theme/components/icons/SidebarIconCustomizer.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { computed } from 'vue';
+import { useMounted } from '@vueuse/core';
 import { useIconStyleContext } from '../../composables/useIconStyle';
 import RangeSlider from '../base/RangeSlider.vue';
 import InputField from '../base/InputField.vue';
@@ -6,19 +8,24 @@ import ColorPicker from '../base/ColorPicker.vue';
 import ResetButton from '../base/ResetButton.vue';
 import Switch from '../base/Switch.vue';
 
-const { color, strokeWidth, size, absoluteStrokeWidth, isCustomized, resetStyle } =
+const { color, strokeWidth, size, nonScalingStroke, isCustomized, resetStyle } =
   useIconStyleContext();
+
+// The server always renders the default style. Keep the first client render identical,
+// otherwise the hydrated DOM keeps the stale `disabled` attribute on the reset button.
+const isMounted = useMounted();
+const showCustomized = computed(() => isMounted.value && isCustomized.value);
 </script>
 
 <template>
   <div
     class="customizer-card"
-    :class="{ customized: isCustomized }"
+    :class="{ customized: showCustomized }"
   >
     <div class="card-header">
       <h2 class="card-title">Customizer</h2>
       <ResetButton
-        :disabled="!isCustomized"
+        :disabled="!showCustomized"
         @click="resetStyle"
       />
     </div>
@@ -68,13 +75,13 @@ const { color, strokeWidth, size, absoluteStrokeWidth, isCustomized, resetStyle
     </InputField>
 
     <InputField
-      id="absolute-stroke-width"
-      label="Absolute stroke width"
+      id="non-scaling-stroke"
+      label="Non-scaling stroke"
     >
       <Switch
-        id="absolute-stroke-width-switch"
-        name="absolute-stroke-width"
-        v-model="absoluteStrokeWidth"
+        id="non-scaling-stroke-switch"
+        name="non-scaling-stroke"
+        v-model="nonScalingStroke"
       />
     </InputField>
   </div>

docs/.vitepress/theme/components/overrides/HeroMatrix.vue

@@ -10,7 +10,7 @@ import {
   sun,
   moon,
   camera,
-  music,
+  sixteenthNotes,
   video,
   globe,
   layers,
@@ -44,7 +44,7 @@ import createElement from 'lucide/src/createElement';
 import { IconNode } from 'lucide/src/types';
 
 const icons: Component[] = [
-  heart, star, zap, code, feather, cloud, sun, moon, camera, music,
+  heart, star, zap, code, feather, cloud, sun, moon, camera, sixteenthNotes,
   video, globe, layers, packageIcon, compass, command, terminal, database,
   server, cpu, lock, key, shield, wifi, download, upload, search,
   settings, users, mail, bell, calendar, clock, gitBranch, funnel,

docs/.vitepress/theme/components/overrides/VPNavBarSearch.vue

@@ -0,0 +1,206 @@
+<script lang="ts">
+import { ref } from 'vue'
+
+// This component can be rendered more than once on a page (e.g. a hidden
+// copy inside `.content-body`). DocSearch mounts into the first `#docsearch`
+// in the document, so only a single instance may ever render the search box.
+const loaded = ref(false)
+</script>
+
+<script lang="ts" setup>
+import '@docsearch/css/dist/style.css'
+import {
+  computed,
+  defineAsyncComponent,
+  onMounted,
+  onUnmounted,
+} from 'vue'
+import type { DefaultTheme } from 'vitepress/theme'
+
+import { useData } from 'vitepress'
+import FakeInput from '../base/FakeInput.vue'
+
+const VPAlgoliaSearchBox = defineAsyncComponent(() => import('vitepress/dist/client/theme-default/components/VPAlgoliaSearchBox.vue'));
+
+const { theme } = useData<DefaultTheme.Config>()
+
+const algolia = computed(
+  () =>
+    (theme.value.search?.options ?? theme.value.algolia) as DefaultTheme.AlgoliaSearchOptions,
+)
+
+// whether this instance is the one rendering the (hidden) search box
+const isOwner = ref(false)
+const shortcutText = ref('')
+
+// to avoid loading the docsearch js upfront (which is more than 1/3 of the
+// payload), we delay initializing it until the user has actually clicked or
+// hit the hotkey to invoke it.
+const preconnect = () => {
+  const id = 'VPAlgoliaPreconnect'
+  if (document.getElementById(id)) return
+
+  const rIC = window.requestIdleCallback || setTimeout
+  rIC(() => {
+    const preconnect = document.createElement('link')
+    preconnect.id = id
+    preconnect.rel = 'preconnect'
+    preconnect.href = `https://${algolia.value.appId}-dsn.algolia.net`
+    preconnect.crossOrigin = ''
+    document.head.appendChild(preconnect)
+  })
+}
+
+onMounted(() => {
+  preconnect()
+
+  shortcutText.value = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? '⌘K' : 'Ctrl+K'
+
+  // once docsearch is initialized it handles the hotkey itself
+  const handleSearchHotKey = (event: KeyboardEvent) => {
+    if (loaded.value) return remove()
+
+    if (
+      (event.key.toLowerCase() === 'k' && (event.metaKey || event.ctrlKey)) ||
+      (!isEditingContent(event) && event.key === '/')
+    ) {
+      event.preventDefault()
+      open()
+      remove()
+    }
+  }
+
+  const remove = () => {
+    window.removeEventListener('keydown', handleSearchHotKey)
+  }
+
+  window.addEventListener('keydown', handleSearchHotKey)
+
+  onUnmounted(remove)
+})
+
+function open() {
+  if (!loaded.value) {
+    loaded.value = true
+    isOwner.value = true
+  }
+  setTimeout(poll, 16)
+}
+
+function poll() {
+  // programmatically open the search box after initialize
+  const e = new Event('keydown') as any
+
+  e.key = 'k'
+  e.metaKey = true
+
+  window.dispatchEvent(e)
+
+  setTimeout(() => {
+    if (!document.querySelector('.DocSearch-Modal')) {
+      poll()
+    }
+  }, 16)
+}
+
+function isEditingContent(event: KeyboardEvent): boolean {
+  const element = event.target as HTMLElement
+  const tagName = element.tagName
+
+  return (
+    element.isContentEditable ||
+    tagName === 'INPUT' ||
+    tagName === 'SELECT' ||
+    tagName === 'TEXTAREA'
+  )
+}
+</script>
+
+<template>
+  <div class="VPNavBarSearch">
+    <FakeInput
+      class="nav-search-input"
+      :shortcut="shortcutText"
+      aria-label="Search"
+      @click="open"
+    >
+      Search
+    </FakeInput>
+
+    <!-- docsearch renders its own button here; we only need its modal -->
+    <div v-if="isOwner" class="docsearch-host">
+      <VPAlgoliaSearchBox :algolia="algolia" />
+    </div>
+  </div>
+</template>
+
+<style>
+
+@media (min-width: 768px) {
+  .VPNavBarSearch {
+    flex-grow: 1;
+    padding-left: 0px;
+  }
+}
+
+@media (min-width: 960px) {
+  .VPNavBarSearch {
+    padding-left: 0px;
+  }
+}
+
+.VPNavBarSearch {
+  padding-top: 24px;
+}
+
+.VPNavBarSearch .nav-search-input {
+  padding: 8px 12px;
+  align-items: center;
+  width: 100%;
+}
+
+.VPNavBarSearch .docsearch-host {
+  display: none;
+}
+
+[class*='DocSearch'] {
+  --docsearch-primary-color: var(--vp-c-brand-1);
+  --docsearch-highlight-color: var(--docsearch-primary-color);
+  --docsearch-text-color: var(--vp-c-text-1);
+  --docsearch-muted-color: var(--vp-c-text-2);
+  --docsearch-searchbox-shadow: none;
+  --docsearch-searchbox-background: transparent;
+  --docsearch-searchbox-focus-background: transparent;
+  --docsearch-key-gradient: transparent;
+  --docsearch-key-shadow: none;
+  --docsearch-modal-background: var(--vp-c-bg-soft);
+  --docsearch-footer-background: var(--vp-c-bg);
+}
+
+.dark [class*='DocSearch'] {
+  --docsearch-modal-shadow: none;
+  --docsearch-footer-shadow: none;
+  --docsearch-logo-color: var(--vp-c-text-2);
+  --docsearch-hit-background: var(--vp-c-gray-3);;
+  --docsearch-container-background: rgba(0, 0, 0, 0.4);
+  --docsearch-hit-color: var(--vp-c-text-2);
+  --docsearch-hit-shadow: none;
+}
+
+.dark .DocSearch-Footer {
+  border-top: 1px solid var(--vp-c-divider);
+}
+
+.DocSearch-Form {
+  border: 1px solid var(--vp-c-brand-1);
+  background-color: var(--vp-c-white);
+}
+
+.dark .DocSearch-Form {
+  background-color: var(--vp-c-default-soft);
+}
+
+.DocSearch-Screen-Icon > svg {
+  margin: auto;
+}
+</style>

docs/.vitepress/theme/composables/useIconStyle.test.mts

@@ -6,7 +6,7 @@ const storedValues = new Map<string, string>([
   ['icon-size', '240'],
   ['icon-stroke-width', '1.5'],
   ['icon-color', '#ff0000'],
-  ['icon-absolute-stroke-width', 'true'],
+  ['icon-non-scaling-stroke', 'true'],
 ]);
 const styleProperties = new Map<string, string>();
 const classes = new Set<string>();
@@ -70,7 +70,7 @@ test('creates a non-persisted icon style from the defaults', () => {
   assert.equal(style.size.value, 24);
   assert.equal(style.strokeWidth.value, 2);
   assert.equal(style.color.value, 'currentColor');
-  assert.equal(style.absoluteStrokeWidth.value, false);
+  assert.equal(style.nonScalingStroke.value, false);
 
   style.size.value = 48;
 
@@ -84,12 +84,12 @@ test('restores persisted settings and applies the shared CSS variables', () => {
   assert.equal(style.size.value, 240);
   assert.equal(style.strokeWidth.value, 1.5);
   assert.equal(style.color.value, '#ff0000');
-  assert.equal(style.absoluteStrokeWidth.value, true);
+  assert.equal(style.nonScalingStroke.value, true);
   assert.equal(style.isCustomized.value, true);
   assert.equal(styleProperties.get('--customize-size'), '240');
   assert.equal(styleProperties.get('--customize-strokeWidth'), '1.5');
   assert.equal(styleProperties.get('--customize-color'), '#ff0000');
-  assert.ok(classes.has('absolute-stroke-width'));
+  assert.ok(classes.has('non-scaling-stroke'));
 });
 
 test('resetting updates refs, CSS variables, and persisted values', async () => {
@@ -100,14 +100,14 @@ test('resetting updates refs, CSS variables, and persisted values', async () =>
   assert.equal(style.size.value, 24);
   assert.equal(style.strokeWidth.value, 2);
   assert.equal(style.color.value, 'currentColor');
-  assert.equal(style.absoluteStrokeWidth.value, false);
+  assert.equal(style.nonScalingStroke.value, false);
   assert.equal(style.isCustomized.value, false);
   assert.equal(styleProperties.get('--customize-size'), '24');
   assert.equal(styleProperties.get('--customize-strokeWidth'), '2');
   assert.equal(styleProperties.get('--customize-color'), 'currentColor');
-  assert.equal(classes.has('absolute-stroke-width'), false);
+  assert.equal(classes.has('non-scaling-stroke'), false);
   assert.equal(storedValues.get('icon-size'), '24');
   assert.equal(storedValues.get('icon-stroke-width'), '2');
   assert.equal(storedValues.get('icon-color'), 'currentColor');
-  assert.equal(storedValues.get('icon-absolute-stroke-width'), 'false');
+  assert.equal(storedValues.get('icon-non-scaling-stroke'), 'false');
 });

docs/.vitepress/theme/composables/useIconStyle.ts

@@ -7,18 +7,18 @@ interface IconStyleContext {
   size: Ref<number>;
   strokeWidth: Ref<number>;
   color: Ref<string>;
-  absoluteStrokeWidth: Ref<boolean>;
+  nonScalingStroke: Ref<boolean>;
   isCustomized: ComputedRef<boolean>;
   resetStyle: () => void;
 }
 
-type IconStyle = Pick<IconStyleContext, 'size' | 'strokeWidth' | 'color' | 'absoluteStrokeWidth'>;
+type IconStyle = Pick<IconStyleContext, 'size' | 'strokeWidth' | 'color' | 'nonScalingStroke'>;
 
 export const STYLE_DEFAULTS = {
   size: 24,
   strokeWidth: 2,
   color: 'currentColor',
-  absoluteStrokeWidth: false,
+  nonScalingStroke: false,
 };
 
 const persistedIconStyle = {
@@ -27,11 +27,9 @@ const persistedIconStyle = {
     initOnMounted: false,
   }),
   color: useLocalStorage('icon-color', STYLE_DEFAULTS.color, { initOnMounted: false }),
-  absoluteStrokeWidth: useLocalStorage(
-    'icon-absolute-stroke-width',
-    STYLE_DEFAULTS.absoluteStrokeWidth,
-    { initOnMounted: false },
-  ),
+  nonScalingStroke: useLocalStorage('icon-non-scaling-stroke', STYLE_DEFAULTS.nonScalingStroke, {
+    initOnMounted: false,
+  }),
 };
 
 function createIconStyleContext(style: IconStyle): IconStyleContext {
@@ -40,7 +38,7 @@ function createIconStyleContext(style: IconStyle): IconStyleContext {
       style.color.value !== STYLE_DEFAULTS.color ||
       style.strokeWidth.value !== STYLE_DEFAULTS.strokeWidth ||
       style.size.value !== STYLE_DEFAULTS.size ||
-      style.absoluteStrokeWidth.value !== STYLE_DEFAULTS.absoluteStrokeWidth
+      style.nonScalingStroke.value !== STYLE_DEFAULTS.nonScalingStroke
     );
   });
 
@@ -48,7 +46,7 @@ function createIconStyleContext(style: IconStyle): IconStyleContext {
     style.color.value = STYLE_DEFAULTS.color;
     style.strokeWidth.value = STYLE_DEFAULTS.strokeWidth;
     style.size.value = STYLE_DEFAULTS.size;
-    style.absoluteStrokeWidth.value = STYLE_DEFAULTS.absoluteStrokeWidth;
+    style.nonScalingStroke.value = STYLE_DEFAULTS.nonScalingStroke;
   }
 
   return {
@@ -65,7 +63,7 @@ export function useIconStyle() {
     size: ref(STYLE_DEFAULTS.size),
     strokeWidth: ref(STYLE_DEFAULTS.strokeWidth),
     color: ref(STYLE_DEFAULTS.color),
-    absoluteStrokeWidth: ref(STYLE_DEFAULTS.absoluteStrokeWidth),
+    nonScalingStroke: ref(STYLE_DEFAULTS.nonScalingStroke),
   });
 }
 
@@ -79,9 +77,9 @@ if (typeof document !== 'undefined') {
       persistedIconStyle.size,
       persistedIconStyle.strokeWidth,
       persistedIconStyle.color,
-      persistedIconStyle.absoluteStrokeWidth,
+      persistedIconStyle.nonScalingStroke,
     ],
-    ([size, strokeWidth, color, absoluteStrokeWidth]) => {
+    ([size, strokeWidth, color, nonScalingStroke]) => {
       const root = document.documentElement;
       root.style.setProperty('--customize-size', String(Math.min(256, Math.max(16, size))));
       root.style.setProperty(
@@ -89,7 +87,7 @@ if (typeof document !== 'undefined') {
         String(Math.min(3, Math.max(0.5, strokeWidth))),
       );
       if (CSS.supports('color', color)) root.style.setProperty('--customize-color', color);
-      root.classList.toggle('absolute-stroke-width', absoluteStrokeWidth);
+      root.classList.toggle('non-scaling-stroke', nonScalingStroke);
     },
     { immediate: true, flush: 'sync' },
   );

docs/.vitepress/theme/iconStyleHead.js

@@ -5,8 +5,8 @@
     const size = globalThis.localStorage.getItem('icon-size');
     const stroke = globalThis.localStorage.getItem('icon-stroke-width');
     const color = globalThis.localStorage.getItem('icon-color');
-    const absolute = globalThis.localStorage.getItem('icon-absolute-stroke-width');
-    if ([size, stroke, color, absolute].every((value) => value === null)) return;
+    const nonScaling = globalThis.localStorage.getItem('icon-non-scaling-stroke');
+    if ([size, stroke, color, nonScaling].every((value) => value === null)) return;
     if (size !== null && Number.isFinite(Number(size))) {
       root.style.setProperty('--customize-size', String(Math.min(256, Math.max(16, Number(size)))));
     }
@@ -17,7 +17,7 @@
       );
     if (color !== null && globalThis.CSS.supports('color', color))
       root.style.setProperty('--customize-color', color);
-    root.classList.toggle('absolute-stroke-width', absolute === 'true');
+    root.classList.toggle('non-scaling-stroke', nonScaling === 'true');
   } catch {
     // Storage can be unavailable, for example in private browsing mode.
   }

docs/.vitepress/theme/index.ts

@@ -10,14 +10,14 @@ import HomeHeroInfoBefore from './components/home/HomeHeroInfoBefore.vue';
 import { ICON_STYLE_CONTEXT, iconStyleContext } from './composables/useIconStyle';
 import { CATEGORY_VIEW_CONTEXT, categoryViewContext } from './composables/useCategoryView';
 import { EXTERNAL_LIBS_CONTEXT, externalLibContext } from './composables/useExternalLibs';
-import FrameworkSelect from './components/guide/FrameworkSelect.vue';
+import SideBarNavBefore from './layouts/SideBarNavBefore.vue';
 import SnackPlayer from './components/editors/SnackPlayer.vue';
 
 const theme: Partial<Theme> = {
   extends: DefaultTheme,
   Layout() {
     return h(DefaultTheme.Layout, null, {
-      'sidebar-nav-before': () => h(FrameworkSelect),
+      'sidebar-nav-before': () => h(SideBarNavBefore),
       'home-hero-info-before': () => h(HomeHeroInfoBefore),
       'sidebar-nav-after': () => h(IconsSidebarNavAfter),
       'home-hero-image': () => h(HomeHeroIconsCard),

docs/.vitepress/theme/layouts/SideBarNavBefore.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import VPSidebarGroup from 'vitepress/dist/client/theme-default/components/VPSidebarGroup.vue';
+import VPNavBarSearch from '../components/overrides/VPNavBarSearch.vue';
+import FrameworkSelect from '../components/guide/FrameworkSelect.vue';
+import { guideSidebarTop } from '../../sidebar';
+
+const { page } = useData();
+
+const isGuide = computed(() => page.value?.relativePath?.startsWith?.('guide'));
+</script>
+
+<template>
+  <template v-if="isGuide">
+    <VPNavBarSearch />
+    <VPSidebarGroup :items="guideSidebarTop" />
+    <FrameworkSelect />
+  </template>
+</template>

docs/.vitepress/theme/style.css

@@ -129,6 +129,10 @@ html {
   flex-direction: column-reverse;
 }
 
+.content-body .search {
+  display: none;
+}
+
 @media (min-width: 960px) {
   .VPHomeHero .container .image {
     order: 1;

docs/.vitepress/theme/types.ts

@@ -32,6 +32,7 @@ export interface IconEntity extends IconMetaData {
 export interface Category {
   name: string;
   title: string;
+  description: string;
   icon?: string;
   iconCount: number;
   icons?: IconEntity[];

docs/.vitepress/transformPageData.ts

@@ -4,11 +4,8 @@ import { createGeneralOGImage, createIconOGImage } from './createOGImage';
 
 export async function transformPageData(pageData: PageData) {
   pageData.frontmatter.head ??= [];
-  if (
-    pageData.relativePath.startsWith('icons/') &&
-    !pageData.relativePath.startsWith('icons/lab/') &&
-    pageData.params?.name
-  ) {
+  if (pageData.relativePath.startsWith('icons/') && pageData.params?.name) {
+    const isLab = pageData.relativePath.startsWith('icons/lab/');
     const iconName = pageData.params.name;
     pageData.title = `${iconName} icon details`;
 
@@ -24,26 +21,29 @@ export async function transformPageData(pageData: PageData) {
 
     const structuredData = await getStructuredData(iconName, pageData);
 
-    const ogPath = await createIconOGImage(iconName, pageData.params?.tags || []);
+    // `createIconOGImage` reads the SVG from `icons/`, where lab icons don't live.
+    if (!isLab) {
+      const ogPath = await createIconOGImage(iconName, pageData.params?.tags || []);
 
-    if (ogPath) {
-      const content = `https://lucide.dev${ogPath}`;
-      pageData.frontmatter.head.push(
-        [
-          'meta',
-          {
-            property: 'og:image',
-            content,
-          },
-        ],
-        [
-          'meta',
-          {
-            property: 'twitter:image',
-            content,
-          },
-        ],
-      );
+      if (ogPath) {
+        const content = `https://lucide.dev${ogPath}`;
+        pageData.frontmatter.head.push(
+          [
+            'meta',
+            {
+              property: 'og:image',
+              content,
+            },
+          ],
+          [
+            'meta',
+            {
+              property: 'twitter:image',
+              content,
+            },
+          ],
+        );
+      }
     }
 
     pageData.frontmatter.head.push([

docs/guide/comparison.md

@@ -15,7 +15,7 @@ In an effort to expand the icon set while remaining true to the original minimal
 
 ### Why should I choose Lucide over Feather Icons?
 
-- Lucide has expanded its icon set by 500+ in the last few years. Lucide now has over 1000 icons, while Feather has around 287 icons.
+- Lucide has expanded its icon set by 1600+ in the last few years. Lucide now has over 1800 icons, while Feather has around 287 icons.
 - Well maintained code base.
 - Active community.
 

docs/icons/[name].paths.ts

@@ -3,11 +3,18 @@ import iconNodes from '../.vitepress/data/iconNodes';
 import * as iconDetails from '../.vitepress/data/iconDetails';
 import { IconEntity } from '../.vitepress/theme/types';
 
+/**
+ * The generated `iconDetails` modules import `iconPopularity/<name>.json` as-is,
+ * so popularity arrives as the raw `{ count }` object instead of a number.
+ */
+type IconDetail = Omit<IconEntity, 'popularity'> & { popularity?: { count: number } };
+
 export default {
   paths: async () => {
-    return (Object.values(iconDetails) as unknown as IconEntity[]).map((iconEntity) => {
+    return (Object.values(iconDetails) as unknown as IconDetail[]).map((iconEntity) => {
       const params = {
         ...iconEntity,
+        popularity: iconEntity.popularity?.count ?? 0,
         relatedIcons: relatedIcons[iconEntity.name].map((name: string) => ({
           name,
           iconNode: iconNodes[name],

docs/package.json

@@ -30,6 +30,7 @@
   "author": "Eric Fennis",
   "license": "ISC",
   "devDependencies": {
+    "@docsearch/js": "3.8.2",
     "@lucide/build-icons": "workspace:*",
     "@lucide/helpers": "workspace:*",
     "@lucide/shared": "workspace:*",
@@ -43,9 +44,9 @@
     "nitropack": "^2.13.4",
     "rollup-plugin-copy": "^3.5.0",
     "semver": "^7.8.5",
-    "sharp": "^0.35.4",
+    "sharp": "^0.35.5",
     "shiki": "^4.4.3",
-    "simple-git": "^3.36.0",
+    "simple-git": "^4.0.1",
     "sitemap": "^9.0.1",
     "svg-path-commander": "^2.3.3",
     "svg-pathdata": "^9.0.0",
@@ -57,6 +58,7 @@
     "vue-tsc": "^3.3.11"
   },
   "dependencies": {
+    "@docsearch/css": "3.8.2",
     "@floating-ui/vue": "^2.0.1",
     "@headlessui/vue": "^1.7.23",
     "@lucide/vue": "workspace:*",
@@ -70,9 +72,9 @@
     "lucide": "workspace:*",
     "lucide-react": "workspace:*",
     "motion-v": "2.4.0",
-    "react": "19.3.0",
-    "react-dom": "19.3.0",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
     "sandpack-vue3": "3.1.12",
-    "vue": "^3.5.43"
+    "vue": "^3.5.44"
   }
 }

docs/public/framework-logos/java.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 32 32">
+  <path d="M11.622 24.74s-1.23.748.855.962c2.51.32 3.847.267 6.625-.267a10.02 10.02 0 0 0 1.763.855c-6.25 2.672-14.16-.16-9.244-1.55zm-.8-3.473s-1.336 1.015.748 1.23c2.725.267 4.862.32 8.55-.427a3.26 3.26 0 0 0 1.282.801c-7.534 2.244-15.976.214-10.58-1.603zm14.747 6.09s.908.748-1.015 1.336c-3.58 1.07-15.014 1.39-18.22 0-1.122-.48 1.015-1.175 1.7-1.282.695-.16 1.07-.16 1.07-.16-1.23-.855-8.175 1.763-3.526 2.51 12.77 2.084 23.296-.908 19.983-2.404zM12.2 17.633s-5.824 1.39-2.084 1.87c1.603.214 4.755.16 7.694-.053 2.404-.214 4.81-.64 4.81-.64s-.855.374-1.443.748c-5.93 1.55-17.312.855-14.052-.748 2.778-1.336 5.076-1.175 5.076-1.175zm10.42 5.824c5.984-3.1 3.206-6.09 1.282-5.717-.48.107-.695.214-.695.214s.16-.32.534-.427c3.794-1.336 6.786 4.007-1.23 6.09 0 0 .053-.053.107-.16zm-9.83 8.442c5.77.374 14.587-.214 14.8-2.94 0 0-.427 1.07-4.755 1.87-4.916.908-11.007.8-14.587.214 0 0 .748.64 4.542.855z" fill="#4e7896"/>
+  <path d="M18.996.001s3.313 3.366-3.152 8.442c-5.183 4.114-1.175 6.465 0 9.137-3.046-2.725-5.236-5.13-3.74-7.373C14.294 6.893 20.332 5.3 18.996.001zm-1.7 15.335c1.55 1.763-.427 3.366-.427 3.366s3.954-2.03 2.137-4.542c-1.656-2.404-2.94-3.58 4.007-7.587 0 0-10.953 2.725-5.717 8.763z" fill="#f58219"/>
+</svg>

eslint.config.js

@@ -8,6 +8,8 @@ import htmlEslint from '@html-eslint/eslint-plugin';
 import htmlParser from '@html-eslint/parser';
 import defaultAttrs from './tools/build-icons/render/default-attrs.json' with { type: 'json' };
 import tseslint from 'typescript-eslint';
+import jsonSchema from './scripts/eslint/jsonSchemaPlugin.mjs';
+import * as jsoncParser from 'jsonc-eslint-parser';
 
 const gitignorePath = path.join(import.meta.dirname, '.gitignore');
 
@@ -152,4 +154,25 @@ export default defineConfig([
       '@html-eslint/quotes': 'error',
     },
   },
+  {
+    files: ['icons/*.json', 'categories/*.json'],
+    languageOptions: {
+      parser: jsoncParser,
+    },
+    plugins: {
+      'json-schema': jsonSchema,
+    },
+  },
+  {
+    files: ['icons/*.json'],
+    rules: {
+      'json-schema/no-invalid': ['error', { schema: 'icon.schema.json' }],
+    },
+  },
+  {
+    files: ['categories/*.json'],
+    rules: {
+      'json-schema/no-invalid': ['error', { schema: 'category.schema.json' }],
+    },
+  },
 ]);

icons/asterisk.json

@@ -8,7 +8,6 @@
   "use-cases": [],
   "tags": [
     "symbol",
-    "sterisk",
     "mark",
     "pointer",
     "pencil",

icons/avocado.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley",
+    "devkamani9313",
+    "karsa-mistmere"
+  ],
+  "use-cases": [
+    "Representing fruit, guacamole, or healthy food in nutrition apps",
+    "Indicating salad, breakfast, or brunch ingredients",
+    "Showing vegetarian or vegan food options",
+    "Marking avocado toast as a menu item in restaurant or delivery apps",
+    "Denoting fresh produce or fruit section in grocery and supermarket apps",
+    "Signifying healthy fats or superfood in nutrition and wellness trackers",
+    "Labeling plant-based or vegetarian recipes in cooking websites and apps"
+  ],
+  "tags": [
+    "fruit",
+    "snack",
+    "meal",
+    "lunch",
+    "ingredient",
+    "cooking",
+    "cookery",
+    "kitchen",
+    "cuisine",
+    "eating",
+    "healthy",
+    "nutrition",
+    "diet",
+    "guacamole",
+    "mexican",
+    "green",
+    "pit",
+    "seed",
+    "half",
+    "produce",
+    "vegetarian",
+    "vegan",
+    "grocery",
+    "supermarket",
+    "toast",
+    "superfood",
+    "plant based",
+    "ripe"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/avocado.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M13.465 3.464a5 5 0 017.07 0 5 5 0 010 7.072c-1.204 1.203-2.38 2.89-2.614 4.577A8 8 0 118.886 6.08c1.687-.235 3.375-1.41 4.579-2.615" />
+  <circle cx="10" cy="14" r="3" />
+</svg>

icons/bacon.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley",
+    "devkamani9313",
+    "karsa-mistmere"
+  ],
+  "use-cases": [
+    "Representing breakfast items, rashers, or pork products",
+    "Indicating diner, brunch, or fast food menu items",
+    "Showing savory cooked meats or barbecue items",
+    "Labeling grocery or deli items in food apps",
+    "Marking breakfast sandwich or brunch special add-ons",
+    "Tagging cured or smoked meat ingredients in recipes"
+  ],
+  "tags": [
+    "rashers",
+    "smoked",
+    "streaky",
+    "crispy",
+    "meat",
+    "fast food",
+    "junk food",
+    "snack",
+    "dish",
+    "restaurant",
+    "brunch",
+    "lunch",
+    "meal",
+    "savory",
+    "savoury",
+    "cookery",
+    "cooking",
+    "grilled",
+    "barbecue",
+    "barbeque",
+    "bbq",
+    "pig",
+    "pork",
+    "breakfast",
+    "cured",
+    "butcher",
+    "sandwich",
+    "protein",
+    "grocery",
+    "kitchen"
+  ],
+  "categories": [
+    "food-beverage"
+  ]
+}

icons/bacon.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M2.795 16.804c-.789-.79-1.09-2.018-.442-2.928 1.933-2.713 4.414-1.05 6.145-5.378 1.868-4.67 4.608-2.366 6.592-6.107.218-.412.78-.53 1.11-.2l5.005 5.005c.789.79 1.09 2.018.442 2.928-1.933 2.713-4.414 1.05-6.145 5.378-1.868 4.67-4.608 2.366-6.591 6.107-.22.412-.78.53-1.11.2z" />
+  <path d="M4.5 18.5c2-5 5-2 7-7s5-2 7-7" />
+</svg>

icons/bangladeshi-taka.json

@@ -16,7 +16,7 @@
     "payment",
     "bdt",
     "৳",
-    "currencysymbol",
+    "currency symbol",
     "cash",
     "banknote",
     "price",

icons/barrel.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M10 3a41 41 0 000 18" />
-  <path d="M14 3a41 41 0 010 18" />
-  <path d="M16.997 21a2 2 0 001.68-.92 15.25 15.25 0 000-16.16 2 2 0 00-1.68-.92h-10a2 2 0 00-1.681.92 15.25 15.25 0 000 16.16 2 2 0 001.681.92z" />
-  <path d="M3.54 16h16.914" />
-  <path d="M3.54 8h16.914" />
+  <path d="M10.5 2a34.5 34.5 0 000 20" />
+  <path d="M13.5 2a34.5 34.5 0 010 20" />
+  <path d="M4.67 17h14.67" />
+  <path d="M4.67 7h14.67" />
+  <path d="M6.23 3.06a19 19 0 000 17.88A2 2 0 008 22h8a2 2 0 001.77-1.06 19 19 0 000-17.88A2 2 0 0016 2H8a2 2 0 00-1.77 1.06" />
 </svg>

icons/belarusian-ruble.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "js-best"
+  ],
+  "use-cases": [
+    "Displaying prices and amounts in BYN in e-commerce apps",
+    "Selecting BYN in multi-currency pickers",
+    "Labeling account balances and transactions in BYN",
+    "Showing BYN exchange rates in currency converters"
+  ],
+  "tags": [
+    "currency",
+    "money",
+    "payment",
+    "byn",
+    "iso4217",
+    "fiat",
+    "prices",
+    "localization",
+    "banking",
+    "checkout",
+    "wallet",
+    "exchange-rate"
+  ],
+  "categories": [
+    "finance",
+    "shopping",
+    "account"
+  ]
+}

icons/belarusian-ruble.svg

@@ -9,7 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M9 18V5l12-2v13" />
-  <circle cx="6" cy="18" r="3" />
-  <circle cx="18" cy="16" r="3" />
+  <path d="M3 16 L13 16" />
+  <path d="M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7" />
 </svg>

icons/brain-circuit.svg

@@ -9,17 +9,16 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z" />
-  <path d="M9 13a4.5 4.5 0 0 0 3-4" />
-  <path d="M6.003 5.125A3 3 0 0 0 6.401 6.5" />
-  <path d="M3.477 10.896a4 4 0 0 1 .585-.396" />
-  <path d="M6 18a4 4 0 0 1-1.967-.516" />
   <path d="M12 13h4" />
-  <path d="M12 18h6a2 2 0 0 1 2 2v1" />
+  <path d="M12 18h6a2 2 0 012 2v1" />
   <path d="M12 8h8" />
-  <path d="M16 8V5a2 2 0 0 1 2-2" />
-  <circle cx="16" cy="13" r=".5" />
-  <circle cx="18" cy="3" r=".5" />
-  <circle cx="20" cy="21" r=".5" />
-  <circle cx="20" cy="8" r=".5" />
+  <path d="M12 9a4.17 4.17 0 01-3 4" />
+  <path d="M16 8V5a2 2 0 012-2" />
+  <path d="M6 18a4 4 0 01-2-7.465" />
+  <path d="M6.004 5.125a4 4 0 00-2.526 5.77" />
+  <path d="M6.294 6.294A3 3 0 1112 5v13a4 4 0 11-7.967-.518" />
+  <circle cx="16" cy="13" r="0.5" fill="currentColor" />
+  <circle cx="18" cy="3" r="0.5" fill="currentColor" />
+  <circle cx="20" cy="21" r="0.5" fill="currentColor" />
+  <circle cx="20" cy="8" r="0.5" fill="currentColor" />
 </svg>

icons/brain-cog.svg

@@ -12,15 +12,15 @@
   <path d="m10.852 14.772-.383.923" />
   <path d="m10.852 9.228-.383-.923" />
   <path d="m13.148 14.772.382.924" />
-  <path d="m13.531 8.305-.383.923" />
+  <path d="m13.53 8.305-.382.923" />
   <path d="m14.772 10.852.923-.383" />
   <path d="m14.772 13.148.923.383" />
-  <path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 0 0-5.63-1.446 3 3 0 0 0-.368 1.571 4 4 0 0 0-2.525 5.771" />
-  <path d="M17.998 5.125a4 4 0 0 1 2.525 5.771" />
-  <path d="M19.505 10.294a4 4 0 0 1-1.5 7.706" />
-  <path d="M4.032 17.483A4 4 0 0 0 11.464 20c.18-.311.892-.311 1.072 0a4 4 0 0 0 7.432-2.516" />
-  <path d="M4.5 10.291A4 4 0 0 0 6 18" />
-  <path d="M6.002 5.125a3 3 0 0 0 .4 1.375" />
+  <path d="M17.997 5.125a4 4 0 012.526 5.77" />
+  <path d="M18 18a4 4 0 002-7.464" />
+  <path d="M4.033 17.483A4 4 0 0011.46 20c.184-.31.896-.31 1.076 0a4 4 0 007.43-2.517" />
+  <path d="M6 18a4 4 0 01-2-7.464" />
+  <path d="M6.002 5.125a4 4 0 00-2.525 5.77" />
+  <path d="M6.293 6.294a3 3 0 01-.287-1.098l-.004-.07a3 3 0 015.968-.543c.05.02.057.01.059 0a3 3 0 015.968.542l-.004.071a3 3 0 01-.287 1.098" />
   <path d="m9.228 10.852-.923-.383" />
   <path d="m9.228 13.148-.923.383" />
   <circle cx="12" cy="12" r="3" />

icons/brain-off.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "karsa-mistmere",
+    "jguddas",
+    "it-is-not",
+    "jamiemlaw",
+    "ej52"
+  ],
+  "use-cases": [
+    "Indicating disabled reasoning in an AI chat interface"
+  ],
+  "tags": [
+    "medical",
+    "mind",
+    "mental",
+    "intellect",
+    "cerebral",
+    "consciousness",
+    "genius",
+    "artificial intelligence",
+    "ai",
+    "think",
+    "deep learning",
+    "machine learning",
+    "computing"
+  ],
+  "categories": [
+    "medical",
+    "science",
+    "development"
+  ]
+}