Format code

* Optimise `calendar`[`-*`] icons

* Add `calendar-plus` variant

* Add `calendar-minus` variant

* Add `calendar-slash` icon

* Improve `calendar`[`-*`] icons metadata

* Add `calendar-fold` icon

* Remove calendar-slash

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

.eslintrc.js

@@ -7,20 +7,12 @@ module.exports = {
     node: true,
   },
   extends: ['airbnb-base', 'prettier'],
-  plugins: ['import', 'prettier', '@html-eslint'],
+  plugins: ['import', '@html-eslint'],
   rules: {
     'no-console': 'off',
     'no-param-reassign': 'off',
     'no-shadow': 'off',
     'no-use-before-define': 'off',
-    'prettier/prettier': [
-      'error',
-      {
-        singleQuote: true,
-        trailingComma: 'all',
-        printWidth: 100
-      },
-    ],
     'import/no-extraneous-dependencies': [
       'error',
       { devDependencies: ['**/*.test.js', '**/*.spec.js', './scripts/**'] },
@@ -46,7 +38,6 @@ module.exports = {
       files: ['./icons/*.svg'],
       parser: '@html-eslint/parser',
       rules: {
-        'prettier/prettier': 'off',
         '@html-eslint/require-doctype': 'off',
         '@html-eslint/no-duplicate-attrs': 'error',
         '@html-eslint/no-inline-styles': 'error',

.github/actions/build-and-test.yml

@@ -18,7 +18,7 @@ runs:
       name: Install pnpm
       id: pnpm-install
       with:
-        version: 7
+        version: 8
         run_install: false
 
     - name: Get pnpm store directory

.github/actions/check-icons.yml

@@ -18,7 +18,7 @@ runs:
       name: Install pnpm
       id: pnpm-install
       with:
-        version: 7
+        version: 8
         run_install: false
 
     - name: Get pnpm store directory

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

@@ -14,5 +14,4 @@ jobs:
           close-pr-message: This PR was closed because it has been stalled for 5 days with no activity.
           close-pr-label: 🧶 stale
           days-before-stale: 30
-          days-before-close: 5
-          days-before-pr-close: -1
+          days-before-close: -1

.github/workflows/pull-request.yml

@@ -6,8 +6,29 @@ on:
       - 'icons/*.svg'
     branches:
       - main
+      - fix-icon-preview
 
 jobs:
+  lint-filenames:
+    if: github.repository == 'lucide-icons/lucide'
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: refs/pull/${{ github.event.pull_request.number }}/merge
+      - name: Get changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v41
+        with:
+          files: icons/*
+      - name: Generate annotations
+        run: node ./scripts/lintFilenames.mjs
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
+
   lint-contributors:
     if: github.repository == 'lucide-icons/lucide'
     runs-on: ubuntu-latest
@@ -46,184 +67,43 @@ jobs:
           # Example for the previous substitution
           # input: +++ b/icons/accessibility.json%0A@@ -2,0 +3 @@%0A+  "contributors": ["hi"],%0A@@ -13 +14 @@%0A+}%0A
           # output: ::$ANNOTATION_SEVERITY file=icons/accessibility.json,line=2,endLine=3,title=$ANNOTATION_TITLE::$ANNOTATION_DESCRIPTION%0A%0A+  "contributors": ["hi"],%0A@@ -13 +14 @@%0A+}%0A
-      # - name: Fail if contributors have changed
-      #   run: git diff --exit-code -- icons/*.json
 
-  generate-changed-icons-comment-data:
-    if: github.repository == 'lucide-icons/lucide'
+  generate-changed-icons-comment:
     runs-on: ubuntu-latest
     permissions:
       contents: read
-    outputs:
-      generate-1px-stroke-width: ${{ steps.generate-1px-stroke-width.outputs.body }}
-      generate-2px-stroke-width: ${{ steps.generate-2px-stroke-width.outputs.body }}
-      generate-3px-stroke-width: ${{ steps.generate-3px-stroke-width.outputs.body }}
-      generate-24px-dpi-preview: ${{ steps.generate-24px-dpi-preview.outputs.body }}
-      generate-cohesion-check-random: ${{ steps.generate-cohesion-check-random.outputs.body }}
-      generate-cohesion-check-squares: ${{ steps.generate-cohesion-check-squares.outputs.body }}
-      generate-x-rays: ${{ steps.generate-x-rays.outputs.body }}
+      pull-requests: write
 
     steps:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
           ref: refs/pull/${{ github.event.pull_request.number }}/merge
+
       - name: Get changed files
         id: changed-files
         uses: tj-actions/changed-files@v41
         with:
           files: icons/*.svg
-      - name: Generate 24px dpi preview
-        id: generate-24px-dpi-preview
-        env:
-          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          while IFS= read -r file; do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/dpi/24/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
-      - name: Generate cohesion check random
-        id: generate-cohesion-check-random
-        env:
-          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in $(printf "%s\\n" icons/*.svg | shuf | head -n$(awk -F' ' '{print NF}' <<< '${{ steps.changed-files.outputs.all_changed_files }}')); do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
-      - name: Generate cohesion check squares
-        id: generate-cohesion-check-squares
-        env:
-          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          for file in $(printf "%s\\n" icons/*square*.svg | shuf | head -n$(awk -F' ' '{print NF}' <<< '${{ steps.changed-files.outputs.all_changed_files }}')); do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
-      - name: Generate 1px stroke-width
-        id: generate-1px-stroke-width
-        env:
-          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          while IFS= read -r file; do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/1/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
-      - name: Generate 2px stroke-width
-        id: generate-2px-stroke-width
-        env:
-          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          while IFS= read -r file; do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
-      - name: Generate 3px stroke-width
-        id: generate-3px-stroke-width
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          while IFS= read -r file; do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/3/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
-      - name: Generate X-rays
-        id: generate-x-rays
-        env:
-          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          echo "body<<$delimiter" >> $GITHUB_OUTPUT
-          while IFS= read -r file; do
-            cat "$file" | # get file content
-            tr '\n' ' ' | # remove line breaks
-            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
-            base64 -w 0 | # encode svg
-            sed "s|.*|<img width=\"400\" title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/$(basename ${file//\.svg/})/&.svg\"/> |"
-          done <<< "$CHANGED_FILES" | tr '\n' ' ' >> $GITHUB_OUTPUT
-          echo >> $GITHUB_OUTPUT
-          echo "$delimiter" >> $GITHUB_OUTPUT
 
-  add-changed-icons-comment:
-    if: github.repository == 'lucide-icons/lucide'
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: write
-    needs: [generate-changed-icons-comment-data]
-    steps:
       - name: Find Comment
         uses: peter-evans/find-comment@v2
-        id: fc
+        id: pr-comment
         with:
           issue-number: ${{ github.event.pull_request.number }}
           comment-author: 'github-actions[bot]'
           body-includes: Added or changed icons
+
+      - name: Generate comment markup
+        run: node ./scripts/generateChangedIconsCommentMarkup.mjs >> comment-markup.md
+        id: comment-markup
+        env:
+          CHANGED_FILES: ${{ steps.changed-files.outputs.all_changed_files }}
+
       - name: Create or update comment
         uses: peter-evans/create-or-update-comment@v3
         with:
-          comment-id: ${{ steps.fc.outputs.comment-id }}
+          comment-id: ${{ steps.pr-comment.outputs.comment-id }}
           issue-number: ${{ github.event.pull_request.number }}
-          body: |
-            ### Added or changed icons
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-2px-stroke-width }}<br/>
-            <details>
-            <summary>Preview cohesion</summary>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-cohesion-check-squares }}<br/>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-2px-stroke-width }}<br/>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-cohesion-check-random }}<br/>
-            </details>
-            <details>
-            <summary>Preview stroke widths</summary>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-1px-stroke-width }}<br/>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-2px-stroke-width }}<br/>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-3px-stroke-width }}<br/>
-            </details>
-            <details>
-            <summary>DPI Preview (24px)</summary>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-24px-dpi-preview }}
-            </details>
-            <details>
-            <summary>Icon X-rays</summary>
-            ${{ needs.generate-changed-icons-comment-data.outputs.generate-x-rays }}
-            </details>
+          body-path: ./comment-markup.md
           edit-mode: replace

.prettierignore

@@ -0,0 +1,16 @@
+pnpm-lock.yaml
+
+# lucide-angular
+packages/lucide-angular/.angular/cache
+
+# lucide-static
+packages/lucide-static/icons
+packages/lucide-static/lib
+packages/lucide-static/sprite.svg
+packages/lucide-static/tags.json
+packages/lucide-static/icon-nodes.json
+packages/lucide-static/font
+
+# lucide-svelte
+packages/lucide-svelte/src/icons/*.svelte
+packages/lucide-svelte/.svelte-kit

CONTRIBUTING.md

@@ -50,7 +50,7 @@ Seperate them by two PRs; 'pr-01' `arrow`, `arrow-down` and 'pr-02' `bicycle`.
 
 Before creating an icon request, please search to see if someone has requested the icon already. If there is an open request, please add a :+1:.
 
-If the icon has not already been requested, [create an issue](https://github.com/lucide-icons/lucide/issues/new?title=Icon%20Request:) with a title of `Icon request: <icon name>` and add as much information as possible.
+If the icon has not already been requested, [create an icon request issue](https://github.com/lucide-icons/lucide/issues/new?assignees=&labels=%F0%9F%99%8C+icon+request&projects=&template=01_icon_request.yml) and add as much information as possible.
 
 ### Icon Requests from Feather
 
@@ -72,8 +72,8 @@ pnpm install # Install dependencies, including the workspace packages
 
 To distribute different packages we use PNPM workspaces. Before you start make sure you are familiar with this concept. The concept of working in workspaces is created by Yarn, they have a well written introduction: [yarn workspaces](https://classic.yarnpkg.com/lang/enhttps://lucide.dev/docs/workspaces).
 
-The configured directory for workspaces is the [packages](./packages) directory, located in the root directory. There you will find all the current packages from lucide.
-There are more workspaces defined, see [`pnpm-workspace.yaml`](./pnpm-workspace.yaml).
+The configured directory for workspaces is the [packages](https://github.com/lucide-icons/lucide/tree/main/packages) directory, located in the root directory. There you will find all the current packages from lucide.
+There are more workspaces defined, see [`pnpm-workspace.yaml`](https://github.com/lucide-icons/lucide/blob/main/pnpm-workspace.yaml).
 
 > Note: One package is not managed by pnpm:  **lucide-flutter**, this package is written in Dart and used pub for publishing.
 
@@ -153,7 +153,7 @@ lucide
 
 ### Docs
 
-The lucide.dev website is using [vitepress](https://vitepress.dev/) to generate the static website. The markdown files are located in the docs directory. 
+The lucide.dev website is using [vitepress](https://vitepress.dev/) to generate the static website. The markdown files are located in the docs directory.
 
 ### Guides
 

docs/.vitepress/sidebar.ts

@@ -74,10 +74,6 @@ const sidebar: UserConfig<DefaultTheme.Config>['themeConfig']['sidebar'] = {
         },
         {
           text: 'Lucide Vue',
-          link: '/guide/packages/lucide-vue'
-        },
-        {
-          text: 'Lucide Vue Next (Vue 3)',
           link: '/guide/packages/lucide-vue-next'
         },
         {
@@ -100,10 +96,6 @@ const sidebar: UserConfig<DefaultTheme.Config>['themeConfig']['sidebar'] = {
           text: 'Lucide Static',
           link: '/guide/packages/lucide-static'
         },
-        {
-          text: 'Lucide Flutter',
-          link: '/guide/packages/lucide-flutter'
-        },
       ]
     },
     {

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

@@ -9,8 +9,6 @@ const props = defineProps<{
 }>()
 
 const component = computed(() => props.href ? 'a' : 'div')
-
-
 </script>
 
 <template>
@@ -25,7 +23,7 @@ const component = computed(() => props.href ? 'a' : 'div')
 </template>
 
 <style>
-.badge, a.badge {
+.badge, a.badge, .vp-doc a.badge {
   display: block;
   border: 1px solid transparent;
   text-align: center;
@@ -60,4 +58,6 @@ const component = computed(() => props.href ? 'a' : 'div')
   /* color: var(--vp-button-alt-active-text);
   background-color: var(--vp-button-alt-active-bg); */
 }
+
+
 </style>

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

@@ -94,8 +94,7 @@ const ChevronUp = createLucideIcon('ChevronUp', chevronUp)
 .menu {
   position: relative;
 }
-.menu-items {
-  --menu-offset: 44px;
+ul.menu-items {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -103,7 +102,7 @@ const ChevronUp = createLucideIcon('ChevronUp', chevronUp)
   padding: 12px;
   min-width: 128px;
   border: 1px solid var(--vp-c-divider);
-  background-color: var(--vp-c-bg);
+  background-color: var(--vp-c-bg-elv);
   box-shadow: var(--vp-shadow-3);
   transition: background-color 0.5s;
   max-height: calc(100vh - var(--vp-nav-height));
@@ -124,11 +123,12 @@ const ChevronUp = createLucideIcon('ChevronUp', chevronUp)
   color: var(--vp-c-text-1);
   white-space: nowrap;
   transition: background-color .25s,color .25s;
+  list-style: none;
 }
 
 .menu-item:hover {
   color: var(--vp-c-brand);
-  background-color: var(--vp-c-bg-elv-mute);
+  background-color: var(--vp-c-default-soft);
 }
 
 .menu-item:active {
@@ -170,11 +170,11 @@ const ChevronUp = createLucideIcon('ChevronUp', chevronUp)
 }
 
 .menu-items.bottom {
-  top: var(--menu-offset);
+  top: 32px;
 }
 
 .menu-items.top {
-  bottom: var(--menu-offset);
+  bottom: 48px;
 }
 
 .arrow-up-button.top::before {

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineProps, onMounted } from 'vue'
+import { computed, onMounted } from 'vue'
 const props = defineProps<{
   groups: string[] | undefined,
   groupName: string,

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

@@ -17,7 +17,7 @@ const SearchIcon = createLucideIcon('search', search)
   background: var(--vp-c-bg-soft);
   border-radius: 8px;
   color: var(--vp-c-text-2);
-  padding: 12px 16px;
+  padding: 11px 16px;
   height: auto;
   font-size: 14px;
   /* box-shadow: var(--vp-shadow-4), var(--vp-shadow-2); */

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

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { onMounted } from 'vue';
 import { useCategoryView } from '../../composables/useCategoryView';
 
 interface Header {

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed } from 'vue';
 import { startCase, camelCase } from 'lodash-es'
 import ButtonMenu from '../base/ButtonMenu.vue'
 import { useIconStyleContext } from '../../composables/useIconStyle';

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { IconEntity } from '../../types'
-import { computed, ref, watch } from 'vue'
+import { computed } from 'vue'
 import createLucideIcon from 'lucide-vue-next/src/createLucideIcon';
 import IconButton from '../base/IconButton.vue';
 import IconContributors from './IconContributors.vue';

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

@@ -19,7 +19,11 @@ function setActiveIcon(name: string) {
 
 <template>
   <div class="icons">
-    <div class="icon" v-for="icon in icons" :key="icon.name">
+    <div
+      class="icon"
+      v-for="icon in icons"
+      :key="icon.name"
+    >
       <IconItem
         v-bind="icon"
         @setActiveIcon="setActiveIcon(icon.name)"

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

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed } from 'vue';
 import createLucideIcon from 'lucide-vue-next/src/createLucideIcon';
 import { useMediaQuery } from '@vueuse/core';
 import { useRouter } from 'vitepress';
@@ -27,7 +28,10 @@ const showOverlay = useMediaQuery('(min-width: 860px)');
 const { animate, confetti, confettiText } = useConfetti()
 
 
-const icon = createLucideIcon(props.name, props.iconNode)
+const icon = computed(() => {
+  if (!props.name || !props.iconNode) return null
+  return createLucideIcon(props.name, props.iconNode)
+})
 
 async function navigateToIcon(event) {
 

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

@@ -6,7 +6,6 @@ import InputSearch from '../base/InputSearch.vue';
 import useSearchInput from '../../composables/useSearchInput';
 import StickyBar from './StickyBar.vue';
 import IconsCategory from './IconsCategory.vue';
-import { useFetch } from '@vueuse/core';
 import useFetchTags from '../../composables/useFetchTags';
 import useFetchCategories from '../../composables/useFetchCategories';
 

docs/.vitepress/theme/composables/useSearchInput.ts

@@ -3,12 +3,8 @@ import { nextTick, onMounted, ref, watch } from 'vue';
 
 const useSearchInput = () => {
   const searchInput = ref();
-  const searchQuery = ref(
-    typeof window === 'undefined'
-      ? ''
-      : new URLSearchParams(window.location.search).get('search') || ''
-  );
-  const searchQueryDebounced = useDebounce(searchQuery, 250);
+  const searchQuery = ref<string>('');
+  const searchQueryDebounced = useDebounce<string>(searchQuery, 200);
 
   watch(searchQueryDebounced, (searchString) => {
     const newUrl = new URL(window.location.href);
@@ -26,6 +22,11 @@ const useSearchInput = () => {
 
   onMounted(() => {
     const searchParams = new URLSearchParams(window.location.search);
+
+    if (searchParams.has('search')) {
+      searchQuery.value = searchParams.get('search');
+    }
+
     if (searchParams.has('focus')) {
       searchInput.value.focus();
     }

docs/guide/advanced/examples/global-styling-absolute-strokewidth-example/icon.css

@@ -11,6 +11,6 @@
 .app {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr
+  grid-template-rows: 1fr 1fr 1fr;
   gap: 6px;
 }

docs/guide/advanced/examples/global-styling-css-example/icon.css

@@ -9,6 +9,6 @@
 .app {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr 1fr
+  grid-template-rows: 1fr 1fr 1fr;
   gap: 6px;
 }

docs/guide/packages/lucide-react-native.md

@@ -72,7 +72,7 @@ The example below imports all ES Modules, so exercise caution when using it. Imp
 ### Icon Component Example
 
 ```jsx
-import { icons } from 'lucide-react';
+import { icons } from 'lucide-react-native';
 
 const Icon = ({ name, color, size }) => {
   const LucideIcon = icons[name];

docs/guide/packages/lucide-react.md

@@ -109,7 +109,8 @@ Example with React suspense:
 
 ```tsx
 import React, { lazy, Suspense } from 'react';
-import { dynamicIconImports, LucideProps } from 'lucide-react';
+import { LucideProps } from 'lucide-react';
+import dynamicIconImports from 'lucide-react/dynamicIconImports';
 
 const fallback = <div style={{ background: '#ddd', width: 24, height: 24 }}/>
 

docs/license.md

@@ -1,5 +1,6 @@
 ---
 aside: false
+editLink: false
 ---
 
 # Lucide License

docs/nitro.config.ts

@@ -2,7 +2,7 @@ import copy from 'rollup-plugin-copy';
 import replace from '@rollup/plugin-replace';
 
 export default defineNitroConfig({
-  preset: 'vercel-edge',
+  preset: 'vercel_edge',
   srcDir: '.vitepress',
   routeRules: {
     '/api/**': { cors: false },

docs/package.json

@@ -5,9 +5,9 @@
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "docs:dev": "pnpm prebuild && pnpm prepare && vitepress dev",
-    "docs:build": "pnpm prebuild && pnpm prepare && vitepress build",
-    "docs:preview": "pnpm prebuild && pnpm prepare && vitepress preview",
+    "docs:dev": "pnpm run /^prebuild:.*/ && vitepress dev",
+    "docs:build": "pnpm run /^prebuild:.*/ && vitepress build",
+    "docs:preview": "vitepress preview",
     "build:docs": "vitepress build",
     "prebuild:iconNodes": "node ../scripts/writeIconNodes.mjs",
     "prebuild:metaJson": "node ../scripts/writeIconMetaIndex.mjs",
@@ -16,10 +16,9 @@
     "prebuild:iconDetails": "node ../scripts/writeIconDetails.mjs",
     "postbuild:vercelJson": "node ../scripts/writeVercelOutput.mjs",
     "dev": "npx nitropack dev",
-    "prepare": "npx nitropack prepare",
+    "prebuild:api": "npx nitropack prepare",
     "build:api": "npx nitropack build",
-    "prebuild": "pnpm prebuild:iconNodes && pnpm prebuild:metaJson && pnpm prebuild:releaseJson && pnpm prebuild:relatedIcons && pnpm prebuild:iconDetails",
-    "build": "pnpm prebuild && pnpm build:api && pnpm build:docs && pnpm postbuild:vercelJson",
+    "build": "pnpm run /^prebuild:.*/ && pnpm run /^build:.*/ && pnpm postbuild:vercelJson",
     "preview": "node .output/server/index.mjs"
   },
   "author": "Eric Fennis",
@@ -28,17 +27,17 @@
     "@rollup/plugin-replace": "^5.0.2",
     "@types/semver": "^7.5.3",
     "h3": "^1.8.0",
-    "nitropack": "npm:nitropack-edge@latest",
+    "nitropack": "2.8.1",
     "node-fetch": "2",
     "rollup-plugin-copy": "^3.4.0",
-    "vitepress": "1.0.0-rc.30"
+    "vitepress": "1.0.0-rc.36"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.0.1",
-    "@headlessui/vue": "^1.7.13",
+    "@floating-ui/vue": "^1.0.3",
+    "@headlessui/vue": "^1.7.17",
     "@resvg/resvg-wasm": "^2.4.1",
-    "@vueuse/components": "^10.1.0",
-    "@vueuse/core": "^10.1.0",
+    "@vueuse/components": "^10.7.2",
+    "@vueuse/core": "^10.7.2",
     "element-to-path": "^1.2.1",
     "fuse.js": "^6.5.3",
     "js-yaml": "^4.1.0",
@@ -49,13 +48,13 @@
     "lucide-vue-next": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sandpack-vue3": "^3.1.6",
+    "sandpack-vue3": "3.1.8",
     "semver": "^7.5.2",
     "shikiji": "^0.7.4",
     "simple-git": "^3.18.0",
     "sitemap": "^7.1.1",
     "svg-pathdata": "^6.0.3",
     "svgson": "^5.2.1",
-    "vue": "^3.2.47"
+    "vue": "^3.4.13"
   }
 }

docs/vercel.json

@@ -35,5 +35,16 @@
       "destination": "/icons",
       "permanent": false
     }
+  ],
+  "headers": [
+    {
+      "source": "/assets/:path*",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "cache-control: public, max-age=31536000, immutable"
+        }
+      ]
+    }
   ]
 }

icon.schema.json

@@ -47,6 +47,10 @@
       },
       "minItems": 1,
       "uniqueItems": true
+    },
+    "deprecated": {
+      "type": "boolean",
+      "default": false
     }
   },
   "description": "A JSON Schema for icons defined by Lucide Icons."

icons/aperture.json

@@ -6,7 +6,10 @@
   ],
   "tags": [
     "camera",
-    "photo"
+    "photo",
+    "pictures",
+    "shutter",
+    "exposure"
   ],
   "categories": [
     "photography"

icons/aperture.svg

@@ -10,10 +10,10 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="12" r="10" />
-  <line x1="14.31" x2="20.05" y1="8" y2="17.94" />
-  <line x1="9.69" x2="21.17" y1="8" y2="8" />
-  <line x1="7.38" x2="13.12" y1="12" y2="2.06" />
-  <line x1="9.69" x2="3.95" y1="16" y2="6.06" />
-  <line x1="14.31" x2="2.83" y1="16" y2="16" />
-  <line x1="16.62" x2="10.88" y1="12" y2="21.94" />
+  <path d="m14.31 8 5.74 9.94" />
+  <path d="M9.69 8h11.48" />
+  <path d="m7.38 12 5.74-9.94" />
+  <path d="M9.69 16 3.95 6.06" />
+  <path d="M14.31 16H2.83" />
+  <path d="m16.62 12-5.74 9.94" />
 </svg>

icons/arrow-down-left-from-square.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "outwards",
+    "direction",
+    "south-west",
+    "diagonal"
+  ],
+  "categories": [
+    "arrows",
+    "navigation"
+  ]
+}

icons/arrow-down-left-from-square.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M13 21h6a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6" />
+  <path d="m3 21 9-9" />
+  <path d="M9 21H3v-6" />
+</svg>

icons/arrow-down-right-from-square.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "outwards",
+    "direction",
+    "south-east",
+    "diagonal"
+  ],
+  "categories": [
+    "arrows",
+    "navigation"
+  ]
+}

icons/arrow-down-right-from-square.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" />
+  <path d="m21 21-9-9" />
+  <path d="M21 15v6h-6" />
+</svg>

icons/arrow-up-left-from-square.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "outwards",
+    "direction",
+    "north-west",
+    "diagonal"
+  ],
+  "categories": [
+    "arrows",
+    "navigation"
+  ]
+}

icons/arrow-up-left-from-square.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6" />
+  <path d="m3 3 9 9" />
+  <path d="M3 9V3h6" />
+</svg>

icons/arrow-up-right-from-square.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "outwards",
+    "direction",
+    "north-east",
+    "diagonal",
+    "share",
+    "open",
+    "external"
+  ],
+  "categories": [
+    "arrows",
+    "navigation",
+    "social"
+  ]
+}

icons/arrow-up-right-from-square.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" />
+  <path d="m21 3-9 9" />
+  <path d="M15 3h6v6" />
+</svg>

icons/blend.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "mode",
+    "overlay",
+    "multiply",
+    "screen",
+    "opacity",
+    "transparency",
+    "alpha",
+    "filters",
+    "lenses",
+    "mixed",
+    "shades",
+    "tints",
+    "hues",
+    "saturation",
+    "brightness",
+    "overlap",
+    "colors",
+    "colours"
+  ],
+  "categories": [
+    "design",
+    "photography",
+    "tools",
+    "development"
+  ]
+}

icons/blend.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="9" cy="9" r="7" />
+  <circle cx="15" cy="15" r="7" />
+</svg>

icons/brush.json

@@ -6,7 +6,8 @@
   "tags": [
     "draw",
     "paint",
-    "color"
+    "color",
+    "artist"
   ],
   "categories": [
     "text",

icons/calendar-check-2.json

@@ -6,10 +6,13 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "confirm",
     "subscribe",
+    "schedule",
     "done",
     "todo",
     "tick",

icons/calendar-check-2.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
   <path d="M21 14V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
+  <path d="M3 10h18" />
   <path d="m16 20 2 2 4-4" />
 </svg>

icons/calendar-check.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "confirm",
     "subscribe",

icons/calendar-check.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
   <path d="m9 16 2 2 4-4" />
 </svg>

icons/calendar-clock.json

@@ -6,9 +6,12 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
-    "clock"
+    "clock",
+    "hour"
   ],
   "categories": [
     "time"

icons/calendar-clock.svg

@@ -13,6 +13,6 @@
   <path d="M16 2v4" />
   <path d="M8 2v4" />
   <path d="M3 10h5" />
-  <path d="M17.5 17.5 16 16.25V14" />
-  <path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" />
+  <path d="M17.5 17.5 16 16.3V14" />
+  <circle cx="16" cy="16" r="6" />
 </svg>

icons/calendar-days.json

@@ -6,7 +6,8 @@
   ],
   "tags": [
     "date",
-    "time",
+    "month",
+    "year",
     "event"
   ],
   "categories": [

icons/calendar-days.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
   <path d="M8 14h.01" />
   <path d="M12 14h.01" />
   <path d="M16 14h.01" />

icons/calendar-fold.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "date",
+    "month",
+    "year",
+    "event",
+    "birthday",
+    "birthdate",
+    "ics"
+  ],
+  "categories": [
+    "time",
+    "files"
+  ]
+}

icons/calendar-fold.svg

@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <path d="M21 17V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11Z" />
+  <path d="M3 10h18" />
+  <path d="M15 22v-4a2 2 0 0 1 2-2h4" />
+</svg>

icons/calendar-heart.json

@@ -5,11 +5,13 @@
   ],
   "tags": [
     "date",
-    "time",
+    "month",
+    "year",
     "event",
     "heart",
     "favourite",
-    "subscribe"
+    "subscribe",
+    "valentines day"
   ],
   "categories": [
     "time"

icons/calendar-heart.svg

@@ -9,9 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 10V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h7" />
-  <path d="M16 2v4" />
+  <path d="M3 10h18V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7" />
   <path d="M8 2v4" />
-  <path d="M3 10h18" />
+  <path d="M16 2v4" />
   <path d="M21.29 14.7a2.43 2.43 0 0 0-2.65-.52c-.3.12-.57.3-.8.53l-.34.34-.35-.34a2.43 2.43 0 0 0-2.65-.53c-.3.12-.56.3-.79.53-.95.94-1 2.53.2 3.74L17.5 22l3.6-3.55c1.2-1.21 1.14-2.8.19-3.74Z" />
 </svg>

icons/calendar-minus-2.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "date",
+    "day",
+    "month",
+    "year",
+    "event",
+    "delete",
+    "remove"
+  ],
+  "categories": [
+    "time"
+  ]
+}

icons/calendar-minus-2.svg

@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
+  <path d="M10 16h4" />
+</svg>

icons/calendar-minus.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "delete",
     "remove"

icons/calendar-minus.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
   <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
-  <line x1="16" x2="22" y1="19" y2="19" />
+  <path d="M3 10h18" />
+  <path d="M16 19h6" />
 </svg>

icons/calendar-off.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "delete",
     "remove"

icons/calendar-off.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4.18 4.18A2 2 0 0 0 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 1.82-1.18" />
+  <path d="M4.2 4.2A2 2 0 0 0 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 1.82-1.18" />
   <path d="M21 15.5V6a2 2 0 0 0-2-2H9.5" />
   <path d="M16 2v4" />
   <path d="M3 10h7" />
   <path d="M21 10h-5.5" />
-  <line x1="2" x2="22" y1="2" y2="22" />
+  <path d="m2 2 20 20" />
 </svg>

icons/calendar-plus-2.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "date",
+    "day",
+    "month",
+    "year",
+    "event",
+    "add",
+    "subscribe",
+    "create",
+    "new"
+  ],
+  "categories": [
+    "time"
+  ]
+}

icons/calendar-plus-2.svg

@@ -0,0 +1,18 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
+  <path d="M10 16h4" />
+  <path d="M12 14v4" />
+</svg>

icons/calendar-plus.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "add",
     "subscribe",

icons/calendar-plus.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
   <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
-  <line x1="19" x2="19" y1="16" y2="22" />
-  <line x1="16" x2="22" y1="19" y2="19" />
+  <path d="M3 10h18" />
+  <path d="M16 19h6" />
+  <path d="M19 16v6" />
 </svg>

icons/calendar-range.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "range",
     "period"

icons/calendar-range.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M16 2v4" />
+  <path d="M3 10h18" />
+  <path d="M8 2v4" />
   <path d="M17 14h-6" />
   <path d="M13 18H7" />
   <path d="M7 14h.01" />

icons/calendar-search.json

@@ -6,9 +6,11 @@
   ],
   "tags": [
     "date",
-    "time",
-    "search",
-    "events"
+    "day",
+    "month",
+    "year",
+    "events",
+    "search"
   ],
   "categories": [
     "time"

icons/calendar-search.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 12V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h7.5" />
+  <path d="M21 12V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7.5" />
   <path d="M16 2v4" />
   <path d="M8 2v4" />
   <path d="M3 10h18" />
-  <path d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6v0Z" />
+  <circle cx="18" cy="18" r="3" />
   <path d="m22 22-1.5-1.5" />
 </svg>

icons/calendar-x-2.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "remove"
   ],

icons/calendar-x-2.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
   <path d="M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
-  <line x1="17" x2="22" y1="17" y2="22" />
-  <line x1="17" x2="22" y1="22" y2="17" />
+  <path d="M3 10h18" />
+  <path d="m17 22 5-5" />
+  <path d="m17 17 5 5" />
 </svg>

icons/calendar-x.json

@@ -6,7 +6,9 @@
   ],
   "tags": [
     "date",
-    "time",
+    "day",
+    "month",
+    "year",
     "event",
     "remove",
     "busy"

icons/calendar-x.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
-  <line x1="10" x2="14" y1="14" y2="18" />
-  <line x1="14" x2="10" y1="14" y2="18" />
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
+  <path d="m14 14-4 4" />
+  <path d="m10 14 4 4" />
 </svg>

icons/calendar.json

@@ -6,10 +6,11 @@
   ],
   "tags": [
     "date",
-    "birthdate",
+    "month",
+    "year",
+    "event",
     "birthday",
-    "time",
-    "event"
+    "birthdate"
   ],
   "categories": [
     "time"

icons/calendar.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="18" height="18" x="3" y="4" rx="2" ry="2" />
-  <line x1="16" x2="16" y1="2" y2="6" />
-  <line x1="8" x2="8" y1="2" y2="6" />
-  <line x1="3" x2="21" y1="10" y2="10" />
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
 </svg>

icons/chrome.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
   "contributors": [
     "colebemis",
     "ericfennis"
@@ -11,4 +12,4 @@
   "categories": [
     "brands"
   ]
-}
+}

icons/codepen.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
   "contributors": [
     "colebemis",
     "ericfennis"
@@ -11,4 +12,4 @@
     "brands",
     "development"
   ]
-}
+}

icons/codesandbox.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
   "contributors": [
     "colebemis",
     "csandman",
@@ -12,4 +13,4 @@
     "brands",
     "development"
   ]
-}
+}

icons/dribbble.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
   "contributors": [
     "ahtohbi4",
     "karsa-mistmere"
@@ -13,4 +14,4 @@
     "social",
     "design"
   ]
-}
+}

icons/eclipse.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley"
+  ],
+  "tags": [
+    "lunar",
+    "solar",
+    "crescent moon",
+    "sun",
+    "earth",
+    "day",
+    "night",
+    "planet",
+    "space",
+    "mode",
+    "dark",
+    "light",
+    "toggle",
+    "switch",
+    "color",
+    "css",
+    "styles",
+    "display",
+    "accessibility",
+    "contrast",
+    "brightness",
+    "blend",
+    "shade"
+  ],
+  "categories": [
+    "science",
+    "design",
+    "development",
+    "accessibility",
+    "photography"
+  ]
+}

icons/eclipse.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M12 2a7 7 0 1 0 10 10" />
+</svg>

icons/external-link.json

@@ -6,10 +6,13 @@
     "ericfennis"
   ],
   "tags": [
-    "outbound"
+    "outbound",
+    "open",
+    "share"
   ],
   "categories": [
+    "arrows",
     "text",
-    "arrows"
+    "social"
   ]
 }

icons/external-link.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M15 3h6v6" />
+  <path d="M10 14 21 3" />
   <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
-  <polyline points="15 3 21 3 21 9" />
-  <line x1="10" x2="21" y1="14" y2="3" />
 </svg>

icons/facebook.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
   "contributors": [
     "colebemis",
     "csandman",
@@ -14,4 +15,4 @@
     "social",
     "brands"
   ]
-}
+}

icons/figma.json

@@ -1,5 +1,6 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
   "contributors": [
     "colebemis",
     "csandman",
@@ -15,4 +16,4 @@
     "brands",
     "design"
   ]
-}
+}

icons/file-archive.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "zip",

icons/file-archive.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4 22V4c0-.5.2-1 .6-1.4C5 2.2 5.5 2 6 2h8.5L20 7.5V20c0 .5-.2 1-.6 1.4-.4.4-.9.6-1.4.6h-2" />
-  <polyline points="14 2 14 8 20 8" />
+  <path d="M16 22h2a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v18" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   <circle cx="10" cy="20" r="2" />
   <path d="M10 7V6" />
   <path d="M10 12v-1" />

icons/file-audio-2.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "music",

icons/file-audio-2.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v2" />
-  <polyline points="14 2 14 8 20 8" />
+  <path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v2" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
+  <circle cx="3" cy="17" r="1" />
   <path d="M2 17v-3a4 4 0 0 1 8 0v3" />
   <circle cx="9" cy="17" r="1" />
-  <circle cx="3" cy="17" r="1" />
 </svg>

icons/file-audio.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "music",

icons/file-audio.svg

@@ -9,9 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M17.5 22h.5c.5 0 1-.2 1.4-.6.4-.4.6-.9.6-1.4V7.5L14.5 2H6c-.5 0-1 .2-1.4.6C4.2 3 4 3.5 4 4v3" />
-  <polyline points="14 2 14 8 20 8" />
-  <path d="M10 20v-1a2 2 0 1 1 4 0v1a2 2 0 1 1-4 0Z" />
-  <path d="M6 20v-1a2 2 0 1 0-4 0v1a2 2 0 1 0 4 0Z" />
-  <path d="M2 19v-3a6 6 0 0 1 12 0v3" />
+  <path d="M17.5 22h.5a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
+  <path d="M2 19a2 2 0 1 1 4 0v1a2 2 0 1 1-4 0v-4a6 6 0 0 1 12 0v4a2 2 0 1 1-4 0v-1a2 2 0 1 1 4 0" />
 </svg>

icons/file-axis-3d.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "model",

icons/file-axis-3d.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
-  <polyline points="14 2 14 8 20 8" />
-  <path d="M8 10v8h8" />
+  <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   <path d="m8 18 4-4" />
+  <path d="M8 10v8h8" />
 </svg>

icons/file-badge-2.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "award",

icons/file-badge-2.svg

@@ -9,7 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
-  <path d="M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+  <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+  <circle cx="12" cy="10" r="3" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   <path d="m14 12.5 1 5.5-3-1-3 1 1-5.5" />
 </svg>

icons/file-badge.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "award",

icons/file-badge.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4 7V4a2 2 0 0 1 2-2h8.5L20 7.5V20a2 2 0 0 1-2 2h-6" />
-  <polyline points="14 2 14 8 20 8" />
+  <path d="M12 22h6a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   <path d="M5 17a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
   <path d="M7 16.5 8 22l-3-1-3 1 1-5.5" />
 </svg>

icons/file-bar-chart-2.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "statistics",

icons/file-bar-chart-2.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
-  <polyline points="14 2 14 8 20 8" />
-  <path d="M12 18v-6" />
+  <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   <path d="M8 18v-1" />
+  <path d="M12 18v-6" />
   <path d="M16 18v-3" />
 </svg>

icons/file-bar-chart.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "statistics",

icons/file-bar-chart.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
-  <polyline points="14 2 14 8 20 8" />
-  <path d="M12 18v-4" />
+  <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" />
+  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
   <path d="M8 18v-2" />
+  <path d="M12 18v-4" />
   <path d="M16 18v-6" />
 </svg>

icons/file-box.json

@@ -1,7 +1,8 @@
 {
   "$schema": "../icon.schema.json",
   "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "danielbayley"
   ],
   "tags": [
     "box",