Adjust design

.github/workflows/close-issue-with-banned-phrases.yml

@@ -33,7 +33,7 @@ jobs:
 
           Lucide **does not accept** brand logos, and we do not plan to add them in the future. This is due to a combination of **legal restrictions**, **design consistency concerns**, and **practical maintenance reasons**.
 
-          [Click here to read our official statement about brand logos in Lucide.](https://github.com/lucide-icons/lucide/blob/main/BRAND_LOGOS_STATEMENT.md)
+          [Click here to read our official statement about brand logos in Lucide.](./BRAND_LOGOS_STATEMENT.md)
 
           You can [search for similar issues.](https://github.com/lucide-icons/lucide/issues?q=is%3Aissue+${VALUE})
 

brand-stopwords.json

@@ -56,6 +56,7 @@
   "kubernetes": "Kubernetes",
   "leetcode": "LeetCode",
   "leet-code": "LeetCode",
+  "line": "LINE",
   "linkedin": "LinkedIn",
   "lua": "Lua",
   "mariadb": "MariaDB",
@@ -68,7 +69,7 @@
   "nestjs": "NestJS",
   "netflix": "Netflix",
   "netlify": "Netlify",
-  "nextjs": "Next.js",
+  "next": "Next.js",
   "nodejs": "Node.js",
   "notion": "Notion",
   "nostr": "Nostr",
@@ -104,8 +105,7 @@
   "shopify": "Shopify",
   "skype": "Skype",
   "slack": "Slack",
-  "snapchat": "Snapchat",
-  "solidjs": "SolidJS",
+  "solid": "SolidJS",
   "soundcloud": "SoundCloud",
   "spotify": "Spotify",
   "sqlite": "SQLite",
@@ -144,5 +144,6 @@
   "xbox": "Xbox",
   "yarn": "Yarn",
   "youtube": "YouTube",
-  "zig": "Zig"
+  "zig": "Zig",
+  "zoom": "Zoom"
 }

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

@@ -13,21 +13,23 @@ const { go } = useRouter()
     <HomeSectionTitle>Available For:</HomeSectionTitle>
     <div class="packages-list">
       <a
-        v-for="{ name, label, path, logo, logoDark } in data.packages"
-        :href="path"
+        v-for="{ name, logo, logoDark } in data.packages"
+        :href="`/guide/packages/${name}`"
         class="package-logo"
-        @click.prevent="go(path)"
+        :aria-label="`Read more about: ${name} package`"
+        @click.prevent="go(`/guide/packages/${name}`)"
       >
         <img
           :src="logo"
           :class="{ light: logoDark, 'image-logo': true }"
-          :alt="label"
+          :alt="`${name} logo`"
           loading="lazy"
         />
+
         <img
           v-if="logoDark"
           :src="logoDark"
-          :alt="label"
+          :alt="`${name} logo`"
           class="image-logo dark"
           loading="lazy"
         />

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

@@ -3,7 +3,6 @@ import type { IconEntity } from '../../types';
 import { computed, ref } from 'vue';
 import createLucideIcon from '@lucide/vue/src/createLucideIcon';
 import { useIconStyleContext } from '../../composables/useIconStyle';
-import { squarePen } from '../../../data/iconNodes';
 
 const props = defineProps<{
   name: IconEntity['name'];
@@ -20,31 +19,6 @@ const iconComponent = computed(() => {
   if (!props.name || !props.iconNode) return null;
   return createLucideIcon(props.name, props.iconNode);
 });
-
-const SquarePenIcon = createLucideIcon('SquarePen', squarePen);
-
-const innerSvg = computed(() => {
-  if (!props.iconNode) return '';
-
-  const string = props.iconNode
-    .map(([tag, attrs]) => {
-      const attributes = Object.entries(attrs)
-        .map(([key, value]) => `${key}="${value}"`)
-        .join(' ');
-      return `<${tag} ${attributes}/>`;
-    })
-    .join('');
-
-  return string
-    .replace(/>[\r\n ]+</g, '><')
-    .replace(/(<.*?>)|\s+/g, (m, $1) => $1 || ' ')
-    .trim();
-});
-
-const base64InnerSvg = computed(() => {
-  if (typeof window === 'undefined') return '';
-  return btoa(innerSvg.value);
-});
 </script>
 
 <template>
@@ -83,16 +57,6 @@ const base64InnerSvg = computed(() => {
         />
       </g>
     </svg>
-    <a
-      :href="`https://studio.lucide.dev/edit?value=${encodeURIComponent(base64InnerSvg)}&name=${name}`"
-      target="_blank"
-      rel="noopener noreferrer"
-      class="studio-button"
-      title="Open in Lucide Studio"
-      aria-label="Open in Lucide Studio"
-    >
-      <SquarePenIcon :size="14" />
-    </a>
   </div>
 </template>
 
@@ -111,8 +75,6 @@ const base64InnerSvg = computed(() => {
   position: relative;
   background: var(--vp-c-bg-alt);
   border-radius: 8px;
-  overflow: hidden;
-  flex-shrink: 0;
 }
 .icon-container > :deep(svg:not(.icon-grid)) {
   width: 100%;
@@ -123,34 +85,6 @@ const base64InnerSvg = computed(() => {
   opacity: 0.8;
 }
 
-.studio-button {
-  position: absolute;
-  bottom: 8px;
-  right: 8px;
-  background: var(--vp-c-bg);
-  border: 1px solid var(--vp-c-divider);
-  border-radius: 6px;
-  padding: 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--vp-c-text-2);
-  opacity: 0;
-  transition: opacity 0.2s, color 0.2s, background-color 0.2s;
-  z-index: 2;
-}
-
-.icon-container:hover .studio-button,
-.studio-button:focus-visible {
-  opacity: 1;
-}
-
-.studio-button:hover,
-.studio-button:focus-visible {
-  background: var(--vp-c-bg-soft);
-  color: var(--vp-c-text-1);
-}
-
 .icon-component.customizable {
   will-change: width, height, stroke-width, stroke;
   /* color: var(--customize-color, currentColor);

docs/guide/angular/advanced/with-lucide-lab.md

@@ -12,10 +12,6 @@ import Sandpack from '~/.vitepress/theme/components/editors/SandpackAngular.vue'
 
 While they aren't provided as standalone components, they can be still be passed to the `LucideIcon` component the same way as official icons:
 
-::: info Limitation
-Only custom icons that follow Lucide's [code conventions](../../../contribute/icon-design-guide.md#code-conventions) are supported.
-:::
-
 ### Directly as LucideIconData
 
 ::: sandpack {template=angular showTabs=false editorHeight=400 editorWidthPercentage=60 dependencies="@lucide/angular,@lucide/lab"}

docs/package.json

@@ -8,7 +8,7 @@
     "docs:dev": "pnpm run /^prebuild:.*/ && vitepress dev",
     "docs:build": "pnpm run /^prebuild:.*/ && vitepress build",
     "docs:preview": "vitepress preview",
-    "build:docs": "NODE_OPTIONS=--max-old-space-size=8192 vitepress build",
+    "build:docs": "vitepress build",
     "prebuild:iconNodes": "node ./scripts/writeIconNodes.mts",
     "prebuild:metaJson": "node ./scripts/writeIconMetaIndex.mts",
     "prebuild:releaseJson": "node ./scripts/writeReleaseMetadata.mts",
@@ -18,9 +18,9 @@
     "prebuild:iconPopularity": "node ./scripts/writeiconPopularity.mts",
     "prebuild:brandStopwords": "node ./scripts/writeBrandStopwords.mts",
     "postbuild:vercelJson": "node ./scripts/writeVercelOutput.mts",
-    "dev": "nitropack dev",
-    "prebuild:api": "nitropack prepare",
-    "build:api": "NODE_OPTIONS=--max-old-space-size=8192 nitropack build",
+    "dev": "npx nitropack dev",
+    "prebuild:api": "npx nitropack prepare",
+    "build:api": "npx nitropack build",
     "build": "pnpm run /^prebuild:.*/ && pnpm run build:api && pnpm run build:docs && pnpm postbuild:vercelJson",
     "preview": "node .output/server/index.mjs"
   },
@@ -32,32 +32,31 @@
     "@lucide/shared": "workspace:*",
     "@rollup/plugin-replace": "^6.0.3",
     "@types/semver": "^7.7.1",
-    "h3": "^1.15.11",
-    "markdown-it": "^14.3.0",
-    "markdown-it-container": "^4.0.0",
+    "h3": "^1.15.9",
     "nitropack": "^2.13.4",
     "rollup-plugin-copy": "^3.5.0",
-    "semver": "^7.8.5",
-    "sharp": "^0.34.5",
-    "shiki": "^3.23.0",
-    "simple-git": "^3.36.0",
-    "sitemap": "^7.1.3",
-    "svg-path-commander": "^2.2.1",
-    "svg-pathdata": "^6.0.3",
-    "svgson": "^5.3.1",
+    "svg-path-commander": "^2.1.11",
     "vitepress": "^1.6.4",
-    "vitepress-plugin-group-icons": "^1.7.5",
-    "vitepress-plugin-llms": "^1.13.3"
+    "vitepress-plugin-group-icons": "^1.6.5",
+    "vitepress-plugin-llms": "^1.11.1",
+    "markdown-it": "^14.2.0",
+    "markdown-it-container": "^4.0.0",
+    "semver": "^7.7.3",
+    "sharp": "^0.34.5",
+    "shiki": "^3.15.0",
+    "simple-git": "^3.36.0",
+    "sitemap": "^7.1.2",
+    "svg-pathdata": "^6.0.3",
+    "svgson": "^5.3.1"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.11",
+    "@floating-ui/vue": "^1.1.9",
     "@headlessui/vue": "^1.7.23",
     "@lucide/vue": "workspace:*",
-    "@vueuse/components": "^14.3.0",
-    "@vueuse/core": "^14.3.0",
-    "@vueuse/integrations": "^14.3.0",
+    "@vueuse/components": "^14.0.0",
+    "@vueuse/core": "^14.0.0",
     "element-to-path": "^1.2.1",
-    "fuse.js": "^7.5.0",
+    "fuse.js": "^7.1.0",
     "jszip": "^3.10.1",
     "lodash-es": "^4.18.1",
     "lucide": "workspace:*",
@@ -66,6 +65,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sandpack-vue3": "3.1.12",
-    "vue": "^3.5.39"
+    "vue": "^3.5.24"
   }
 }

docs/scripts/writeIconDetails.mts

@@ -23,12 +23,12 @@ const writeIconFiles = icons.map(async (iconFileName) => {
   const location = path.resolve(iconDetailsDirectory, `${iconName}.ts`);
 
   const contents = `\
-import iconNode from '../iconNodes/${iconName}.node.json' with { type: 'json' };
-import metaData from '../../../../icons/${iconName}.json' with { type: 'json' };
-import releaseData from '../releaseMetadata/${iconName}.json' with { type: 'json' };
-import popularity from '../iconPopularity/${iconName}.json' with { type: 'json' };
+import iconNode from '../iconNodes/${iconName}.node.json'
+import metaData from '../../../../icons/${iconName}.json'
+import releaseData from '../releaseMetadata/${iconName}.json'
+import popularity from '../iconPopularity/${iconName}.json'
 
-const { tags, categories, contributors, aliases, deprecated, deprecationReason, toBeRemovedInVersion } = metaData;
+const { tags, categories, contributors, aliases, deprecated, deprecationReason, toBeRemovedInVersion } = metaData
 
 const iconDetails = {
   name: '${iconName}',
@@ -42,9 +42,9 @@ const iconDetails = {
   deprecationReason,
   toBeRemovedInVersion,
   ...releaseData,
-};
+}
 
-export default iconDetails;
+export default iconDetails
   `;
 
   await fs.promises.writeFile(location, contents, 'utf-8');

icons/ad.json

@@ -21,15 +21,10 @@
     "paid",
     "partner",
     "promo",
-    "sponsor",
-    "audio description",
-    "video description",
-    "described video",
-    "visual description"
+    "sponsor"
   ],
   "categories": [
     "multimedia",
-    "accessibility",
     "notifications"
   ]
 }

icons/book-open-check.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 5v16" />
+  <path d="M12 21V7" />
   <path d="m16 12 2 2 4-4" />
-  <path d="M22 6V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2h4.001A2 2 0 0022 17v-1.344" />
+  <path d="M22 6V4a1 1 0 0 0-1-1h-5a4 4 0 0 0-4 4 4 4 0 0 0-4-4H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h6a3 3 0 0 1 3 3 3 3 0 0 1 3-3h6a1 1 0 0 0 1-1v-1.3" />
 </svg>

icons/book-open-text.json

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

icons/book-open-text.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 5v16" />
-  <path d="M16 13h2" />
-  <path d="M16 9h2" />
-  <path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z" />
-  <path d="M6 13h2" />
-  <path d="M6 9h2" />
+  <path d="M12 7v14" />
+  <path d="M16 12h2" />
+  <path d="M16 8h2" />
+  <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" />
+  <path d="M6 12h2" />
+  <path d="M6 8h2" />
 </svg>

icons/book-open.json

@@ -3,8 +3,7 @@
   "contributors": [
     "colebemis",
     "csandman",
-    "ericfennis",
-    "karsa-mistmere"
+    "ericfennis"
   ],
   "use-cases": [],
   "tags": [

icons/book-open.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M12 5v16" />
-  <path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z" />
+  <path d="M12 7v14" />
+  <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" />
 </svg>

icons/cast.json

@@ -7,18 +7,9 @@
   ],
   "use-cases": [],
   "tags": [
-    "stream",
-    "streaming",
-    "screen",
-    "display",
-    "wireless",
-    "broadcast",
-    "transmit",
-    "media",
-    "receiver",
-    "remote display",
-    "screen sharing",
-    "media streaming"
+    "chromecast",
+    "airplay",
+    "screen"
   ],
   "categories": [
     "devices",

icons/circle-fading-plus.json

@@ -8,6 +8,10 @@
   "tags": [
     "stories",
     "social media",
+    "instagram",
+    "facebook",
+    "meta",
+    "snapchat",
     "sharing",
     "content"
   ],

icons/columns-3-cog.json

@@ -3,8 +3,7 @@
   "contributors": [
     "irvineacosta",
     "danielbayley",
-    "karsa-mistmere",
-    "kamilasw"
+    "karsa-mistmere"
   ],
   "use-cases": [],
   "tags": [

icons/columns-3-cog.svg

@@ -9,16 +9,16 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M10.6 21H5a2 2 0 01-2-2V5a2 2 0 012-2h14a2 2 0 012 2v5.6" />
-  <path d="m14.305 19.53.923-.382" />
-  <path d="M15 3v7.6" />
-  <path d="m15.229 16.852-.924-.383" />
-  <path d="m16.852 15.228-.383-.923" />
-  <path d="m16.852 20.772-.383.924" />
-  <path d="m19.148 15.228.383-.923" />
-  <path d="m19.53 21.696-.382-.924" />
-  <path d="m20.773 16.852.922-.383" />
-  <path d="m20.773 19.148.922.383" />
+  <path d="M10.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.5" />
+  <path d="m14.3 19.6 1-.4" />
+  <path d="M15 3v7.5" />
+  <path d="m15.2 16.9-.9-.3" />
+  <path d="m16.6 21.7.3-.9" />
+  <path d="m16.8 15.3-.4-1" />
+  <path d="m19.1 15.2.3-.9" />
+  <path d="m19.6 21.7-.4-1" />
+  <path d="m20.7 16.8 1-.4" />
+  <path d="m21.7 19.4-.9-.3" />
   <path d="M9 3v18" />
   <circle cx="18" cy="18" r="3" />
-</svg>
+</svg>

icons/compass.json

@@ -11,6 +11,7 @@
     "east",
     "south",
     "west",
+    "safari",
     "browser"
   ],
   "categories": [

icons/computer.json

@@ -7,7 +7,8 @@
   "tags": [
     "pc",
     "chassis",
-    "codespaces"
+    "codespaces",
+    "github"
   ],
   "categories": [
     "devices",

icons/container.json

@@ -9,6 +9,7 @@
     "shipping",
     "freight",
     "supply chain",
+    "docker",
     "environment",
     "devops",
     "code",

icons/ethernet-port.json

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

icons/ethernet-port.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="m15 20 3-3h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2l3 3z" />
+  <path d="M6 8v1" />
   <path d="M10 8v1" />
   <path d="M14 8v1" />
   <path d="M18 8v1" />
-  <path d="M19 17a2 2 0 00-1.765 1.059l-.47.882A2 2 0 0115 20H9a2 2 0 01-1.765-1.059l-.47-.882A2 2 0 005 17H4a2 2 0 01-2-2V6a2 2 0 012-2h16a2 2 0 012 2v9a2 2 0 01-2 2z" />
-  <path d="M6 8v1" />
 </svg>

icons/file-box.json

@@ -4,36 +4,13 @@
     "karsa-mistmere",
     "danielbayley"
   ],
-  "use-cases": [
-    "representing 3D model files such as OBJ, STL, FBX, or GLTF",
-    "indicating CAD and engineering model documents",
-    "showing printable or manufacturable 3D assets",
-    "identifying files containing digital product models"
-  ],
+  "use-cases": [],
   "tags": [
-    "document",
-    "page",
-    "sheet",
-    "cube",
     "box",
-    "3d",
-    "model",
-    "asset",
-    "object",
-    "geometry",
-    "mesh",
-    "ar",
-    "augmented reality",
-    "cad",
-    "design",
-    "blueprint",
-    "draft",
     "package",
-    "scene"
+    "model"
   ],
   "categories": [
-    "files",
-    "design",
-    "development"
+    "files"
   ]
 }

icons/file-box.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14 2v5a1 1 0 001 1h5" />
-  <path d="M14.692 22H18a2 2 0 002-2V8a2.4 2.4 0 00-.706-1.706l-3.588-3.588A2.4 2.4 0 0014 2H6a2 2 0 00-2 2v3.804" />
-  <path d="M2.264 13.752 7 16.5l4.737-2.748" />
-  <path d="M2.995 13.014A2 2 0 002 14.744v3.516a2 2 0 00.996 1.73l3 1.74a2 2 0 002.008 0l3-1.74A2 2 0 0012 18.26v-3.517a2 2 0 00-.995-1.73l-3-1.742a2 2 0 00-1.892-.064z" />
-  <path d="M7 16.5V22" />
+  <path d="M14.5 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v3.8" />
+  <path d="M14 2v5a1 1 0 0 0 1 1h5" />
+  <path d="M11.7 14.2 7 17l-4.7-2.8" />
+  <path d="M3 13.1a2 2 0 0 0-.999 1.76v3.24a2 2 0 0 0 .969 1.78L6 21.7a2 2 0 0 0 2.03.01L11 19.9a2 2 0 0 0 1-1.76V14.9a2 2 0 0 0-.97-1.78L8 11.3a2 2 0 0 0-2.03-.01z" />
+  <path d="M7 17v5" />
 </svg>

icons/hdmi-port.json

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

icons/hdmi-port.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M22 9a1 1 0 00-1-1H3a1 1 0 00-1 1v4a1 1 0 001 1h.5a2 2 0 011.6.8l.3.4A2 2 0 007 16h10a2 2 0 001.6-.8l.3-.4a2 2 0 011.6-.8h.5a1 1 0 001-1z" />
-  <path d="M8 12h8" />
+  <path d="M22 9a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1l2 2h12l2-2h1a1 1 0 0 0 1-1Z" />
+  <path d="M7.5 12h9" />
 </svg>

icons/history.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "ericfennis",
+    "danielbayley",
+    "jguddas",
+    "karsa-mistmere"
+  ],
+  "use-cases": [],
+  "tags": [
+    "time",
+    "redo",
+    "undo",
+    "rewind",
+    "timeline",
+    "version",
+    "time machine",
+    "backup",
+    "rotate",
+    "ccw"
+  ],
+  "categories": [
+    "arrows",
+    "time"
+  ]
+}

icons/rotate-ccw-clock.json

@@ -1,38 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "ericfennis",
-    "danielbayley",
-    "jguddas",
-    "karsa-mistmere"
-  ],
-  "use-cases": [
-    "To view the activity history of an account or document.",
-    "To browse past events in a log or audit trail.",
-    "To show recent actions, such as recently visited pages.",
-    "To restore an earlier version of a file."
-  ],
-  "tags": [
-    "history",
-    "time",
-    "redo",
-    "undo",
-    "rewind",
-    "timeline",
-    "version",
-    "time machine",
-    "backup",
-    "ccw"
-  ],
-  "categories": [
-    "arrows",
-    "time"
-  ],
-  "aliases": [
-    {
-      "name": "history",
-      "deprecated": true,
-      "deprecationReason": "alias.name"
-    }
-  ]
-}

icons/rotate-cw-fading-clock.json

@@ -1,24 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "NielsLazaroms"
-  ],
-  "use-cases": [
-    "To indicate when you need to process items.",
-    "To indicate that a process is happening"
-  ],
-  "tags": [
-    "clock",
-    "waiting",
-    "schedule",
-    "hourglass",
-    "loading",
-    "pause",
-    "pending",
-    "time",
-    "watch"
-  ],
-  "categories": [
-    "time"
-  ]
-}

icons/rotate-cw-fading-clock.svg

@@ -1,22 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M12 3a9.75 9.75 0 0 1 6.74 2.74" />
-  <path d="M18.74 5.74 21 8" />
-  <path d="M21 8V3" />
-  <path d="M7.5 19.794c-6-3.464-6-12.124 0-15.588" />
-  <path d="M7.5 4.206A9 9 0 0 1 12 3" />
-  <path d="M12 7v5l4 2" />
-  <path d="M14 20.775A9 9 0 0 1 12 21" />
-  <path d="M19 17.656a9 9 0 0 1-1.5 1.456" />
-  <path d="M21 12a9 9 0 0 1-.228 2" />
-  <path d="M21 8h-5" />
-</svg>

icons/scan-box.json

@@ -1,46 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "wojtekmaj",
-    "ericfennis",
-    "karsa-mistmere"
-  ],
-  "use-cases": [
-    "starting an augmented reality scan",
-    "placing virtual 3D objects in a real-world scene",
-    "indicating spatial mapping or room scanning",
-    "previewing products with virtual try-on",
-    "recognizing the surrounding environment for AR experiences",
-    "scanning an object to create a 3D model",
-    "measuring room dimensions for interior planning",
-    "calibrating depth sensors or LiDAR",
-    "placing furniture or decor in a room using AR"
-  ],
-  "tags": [
-    "ar",
-    "augmented reality",
-    "3d",
-    "object detection",
-    "object recognition",
-    "tracking",
-    "spatial computing",
-    "capture",
-    "cube",
-    "bounding box",
-    "camera",
-    "frame",
-    "shape",
-    "boundary",
-    "lidar",
-    "depth",
-    "scanning",
-    "mapping",
-    "placement"
-  ],
-  "categories": [
-    "design",
-    "devices",
-    "shopping",
-    "gaming"
-  ]
-}

icons/scan-box.svg

@@ -1,19 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M12 12v5.5" />
-  <path d="M17 3h2a2 2 0 012 2v2" />
-  <path d="M21 17v2a2 2 0 01-2 2h-2" />
-  <path d="M3 7V5a2 2 0 012-2h2" />
-  <path d="M7 21H5a2 2 0 01-2-2v-2" />
-  <path d="M7.264 9.252 12 12l4.737-2.748" />
-  <path d="M7.995 8.514A2 2 0 007 10.244v3.516a2 2 0 00.996 1.73l3 1.74a2 2 0 002.008 0l3-1.74A2 2 0 0017 13.76v-3.517a2 2 0 00-.995-1.73l-3-1.742a2 2 0 00-1.892-.064z" />
-</svg>

icons/shield-keyhole.json

@@ -1,54 +0,0 @@
-{
-  "$schema": "../icon.schema.json",
-  "contributors": [
-    "karsa-mistmere"
-  ],
-  "use-cases": [
-    "Indicating that a resource or area is protected and requires authorized access",
-    "Representing access control and permission management settings",
-    "Showing security options for accounts, applications, or protected systems",
-    "Indicating content or functionality restricted to authenticated users",
-    "Representing authentication and secure sign-in features",
-    "Showing protected credentials, secrets, or other sensitive information",
-    "Representing identity and account protection features",
-    "Indicating security policies or authorization requirements"
-  ],
-  "tags": [
-    "cybersecurity",
-    "secure",
-    "safety",
-    "protection",
-    "defense",
-    "defence",
-    "defender",
-    "block",
-    "threat",
-    "prevention",
-    "antivirus",
-    "vigilance",
-    "vigilant",
-    "detection",
-    "scan",
-    "find",
-    "strength",
-    "strong",
-    "tough",
-    "invincible",
-    "invincibility",
-    "invulnerable",
-    "undamaged",
-    "audit",
-    "admin",
-    "verification",
-    "crest",
-    "bravery",
-    "trooper",
-    "pawn"
-  ],
-  "categories": [
-    "account",
-    "security",
-    "development",
-    "files"
-  ]
-}

icons/shield-keyhole.svg

@@ -1,15 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M12 13v3" />
-  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 01-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 011-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 011.52 0C14.51 3.81 17 5 19 5a1 1 0 011 1z" />
-  <circle cx="12" cy="11" r="2" />
-</svg>

icons/square-bottom-dashed-scissors.svg

@@ -9,12 +9,18 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14 21h1" />
-  <path d="m17 17-2.18-2.18" />
-  <path d="M5 21a2 2 0 01-2-2V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2" />
-  <path d="M9 21h1" />
-  <path d="M9.56 14.44 17 7" />
-  <path d="M9.56 9.56 12 12" />
-  <circle cx="8.5" cy="15.5" r="1.5" />
+  <line x1="5" y1="3" x2="19" y2="3" />
+  <line x1="3" y1="5" x2="3" y2="19" />
+  <line x1="21" y1="5" x2="21" y2="19" />
+  <line x1="9" y1="21" x2="10" y2="21" />
+  <line x1="14" y1="21" x2="15" y2="21" />
+  <path d="M 3 5 A2 2 0 0 1 5 3" />
+  <path d="M 19 3 A2 2 0 0 1 21 5" />
+  <path d="M 5 21 A2 2 0 0 1 3 19" />
+  <path d="M 21 19 A2 2 0 0 1 19 21" />
   <circle cx="8.5" cy="8.5" r="1.5" />
+  <line x1="9.56066" y1="9.56066" x2="12" y2="12" />
+  <line x1="17" y1="17" x2="14.82" y2="14.82" />
+  <circle cx="8.5" cy="15.5" r="1.5" />
+  <line x1="9.56066" y1="14.43934" x2="17" y2="7" />
 </svg>

icons/square-scissors.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="m17 17-2.18-2.18" />
-  <path d="M9.56 14.44 17 7" />
-  <path d="M9.56 9.56 12 12" />
-  <circle cx="8.5" cy="15.5" r="1.5" />
+  <rect width="18" height="18" x="3" y="3" rx="2" />
   <circle cx="8.5" cy="8.5" r="1.5" />
-  <rect x="3" y="3" width="18" height="18" rx="2" />
+  <line x1="9.56066" y1="9.56066" x2="12" y2="12" />
+  <line x1="17" y1="17" x2="14.82" y2="14.82" />
+  <circle cx="8.5" cy="15.5" r="1.5" />
+  <line x1="9.56066" y1="14.43934" x2="17" y2="7" />
 </svg>

icons/vector-square.json

@@ -2,7 +2,8 @@
   "$schema": "../icon.schema.json",
   "contributors": [
     "chessurisme",
-    "jguddas"
+    "jguddas",
+    "ericfennis"
   ],
   "use-cases": [],
   "tags": [

icons/vector-square.svg

@@ -9,12 +9,12 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M19.5 7a24 24 0 0 1 0 10" />
-  <path d="M4.5 7a24 24 0 0 0 0 10" />
-  <path d="M7 19.5a24 24 0 0 0 10 0" />
-  <path d="M7 4.5a24 24 0 0 1 10 0" />
-  <rect x="17" y="17" width="5" height="5" rx="1" />
-  <rect x="17" y="2" width="5" height="5" rx="1" />
-  <rect x="2" y="17" width="5" height="5" rx="1" />
-  <rect x="2" y="2" width="5" height="5" rx="1" />
+  <path d="M17.023 19.305C15.828 19.811 14.197 20 12 20s-3.828-.189-5.023-.695" />
+  <path d="M17.023 4.695C15.828 4.189 14.197 4 12 4s-3.828.189-5.023.695" />
+  <path d="M19.305 6.977C19.812 8.172 20 9.803 20 12s-.188 3.828-.695 5.023" />
+  <path d="M4.695 17.023C4.189 15.828 4 14.197 4 12s.189-3.828.695-5.023" />
+  <circle cx="19" cy="19" r="2" />
+  <circle cx="19" cy="5" r="2" />
+  <circle cx="5" cy="19" r="2" />
+  <circle cx="5" cy="5" r="2" />
 </svg>

lint-staged.config.mjs

@@ -8,6 +8,7 @@ const filenamesToAjvOption = (filenames) => filenames.map((filename) => `-d ${fi
 const config = {
   'icons/*.svg': [
     'node ./scripts/optimizeStagedSvgs.mts',
+    'node ./scripts/generateNextJSAliases.mts',
   ],
   'icons/*.json': (filenames) => [
     `ajv --spec=draft2020 -s icon.schema.json ${filenamesToAjvOption(filenames)}`,

package.json

@@ -24,6 +24,7 @@
     "generate:changelog": "node ./scripts/generateChangelog.mts",
     "generate:sponsors": "node scripts/updateSponsors.mts",
     "generate:contributors": "node ./scripts/updateContributors.mts icons/*.svg",
+    "generate:nextJSAliases": "node ./scripts/generateNextJSAliases.mts",
     "suggest:metadata": "node ./scripts/suggestMetaData.mts",
     "suggest:metadata:watch": "node --env-file .env --watch ./scripts/suggestMetaData.mts",
     "postinstall": "husky install",
@@ -41,16 +42,16 @@
     "renamePattern": "node ./scripts/rename/renamePattern.mts"
   },
   "devDependencies": {
-    "@actions/core": "^3.0.1",
-    "@actions/github": "^9.1.1",
+    "@actions/core": "^1.11.1",
+    "@actions/github": "^6.0.1",
     "@html-eslint/eslint-plugin": "^0.19.1",
     "@html-eslint/parser": "^0.19.1",
     "@octokit/rest": "^19.0.13",
     "@types/yargs": "^17.0.35",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "@vitest/coverage-v8": "4.1.10",
-    "@vitest/ui": "4.1.10",
+    "@vitest/coverage-v8": "4.0.12",
+    "@vitest/ui": "4.0.12",
     "ajv-cli": "^5.0.0",
     "dotenv": "^17.4.2",
     "eslint": "^8.57.1",
@@ -63,22 +64,22 @@
     "eslint-plugin-import": "^2.32.0",
     "husky": "^8.0.3",
     "jsdom": "^27.4.0",
-    "lint-staged": "^17.0.8",
+    "lint-staged": "^13.3.0",
     "minimist": "^1.2.8",
     "openai": "^5.23.2",
     "p-memoize": "^7.1.1",
     "prettier": "3.2.4",
     "prettier-plugin-astro": "^0.14.1",
-    "semver": "^7.8.5",
+    "semver": "^7.8.0",
     "simple-git": "^3.36.0",
-    "svgo": "^3.3.4",
+    "svgo": "^3.3.3",
     "svgson": "^5.3.1",
-    "vitest": "4.1.10",
-    "yargs": "^17.7.3",
+    "vitest": "4.1.0",
+    "yargs": "^17.7.2",
     "zod": "^3.25.76"
   },
   "engines": {
     "node": ">=24.11.1"
   },
-  "packageManager": "pnpm@11.16.0+sha512.b767e9a98fc87aec0f42daefcd0e84941c2cdb45d73c4e1e68860fb2bdfdbe032ab592105479e5e05c237f740c8a5ffdbbb52385797ddc2296745a1bbb883e8d"
+  "packageManager": "pnpm@11.6.0+sha512.9a36518224080c6fe5165afdcfe79bfa118c29be703f3f462b1e32efe1e98e47e8750b148e08286250aad4113cc7993ca413c4e2cd447752708c2ee5751bc95f"
 }

packages/angular/package.json

@@ -46,24 +46,24 @@
     "@angular-eslint/eslint-plugin-template": "~21.1.0",
     "@angular-eslint/schematics": "~21.1.0",
     "@angular-eslint/template-parser": "~21.1.0",
-    "@angular/build": "^21.2.19",
-    "@angular/cli": "^21.2.19",
-    "@angular/common": "^21.2.18",
-    "@angular/compiler": "^21.2.18",
-    "@angular/compiler-cli": "^21.2.18",
-    "@angular/core": "^21.2.18",
-    "@angular/forms": "^21.2.18",
-    "@angular/platform-browser": "^21.2.18",
-    "@angular/platform-server": "^21.2.18",
-    "@angular/router": "^21.2.18",
+    "@angular/build": "^21.0.3",
+    "@angular/cli": "^21.0.3",
+    "@angular/common": "^21.2.17",
+    "@angular/compiler": "^21.2.17",
+    "@angular/compiler-cli": "^21.0.0",
+    "@angular/core": "^21.2.17",
+    "@angular/forms": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@angular/platform-server": "^21.2.17",
+    "@angular/router": "^21.0.0",
     "@lucide/build-icons": "workspace:*",
     "@lucide/helpers": "workspace:*",
-    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/browser-playwright": "^4.0.12",
     "angular-eslint": "21.1.0",
-    "ng-packagr": "^21.2.5",
-    "rxjs": "~7.8.2",
-    "tslib": "^2.8.1",
-    "typescript": "~5.9.3"
+    "ng-packagr": "^21.0.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "typescript": "~5.9.2"
   },
   "peerDependencies": {
     "@angular/common": ">=17.0.0",

packages/angular/src/lucide-dynamic-icon.spec.ts

@@ -43,124 +43,13 @@ describe('LucideDynamicIcon', () => {
   const supportedShapesIcon: LucideIconData = {
     name: 'supported-shapes',
     node: [
-      [
-        'path',
-        {
-          class: 'path-class',
-          d: 'm1 1 2 2',
-          id: 'path-id',
-          opacity: '0.7',
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          'vector-effect': 'non-scaling-stroke',
-          key: 'path-key',
-        },
-      ],
-      [
-        'line',
-        {
-          class: 'line-class',
-          id: 'line-id',
-          opacity: '0.7',
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          x1: 1,
-          x2: 2,
-          y1: 3,
-          y2: 4,
-          'vector-effect': 'non-scaling-stroke',
-          key: 'line-key',
-        },
-      ],
-      [
-        'polygon',
-        {
-          class: 'polygon-class',
-          id: 'polygon-id',
-          opacity: '0.7',
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          points: '1 1 2 2 3 1',
-          'vector-effect': 'non-scaling-stroke',
-          key: 'polygon-key',
-        },
-      ],
-      [
-        'polyline',
-        {
-          class: 'polyline-class',
-          id: 'polyline-id',
-          opacity: '0.7',
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          points: '1 1 2 2 3 1',
-          'vector-effect': 'non-scaling-stroke',
-          key: 'polyline-key',
-        },
-      ],
-      [
-        'circle',
-        {
-          class: 'circle-class',
-          cx: 12,
-          cy: 12,
-          id: 'circle-id',
-          opacity: '0.7',
-          r: 8,
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          'vector-effect': 'non-scaling-stroke',
-          key: 'circle-key',
-        },
-      ],
-      [
-        'ellipse',
-        {
-          class: 'ellipse-class',
-          cx: 12,
-          cy: 12,
-          id: 'ellipse-id',
-          opacity: '0.7',
-          rx: 8,
-          ry: 4,
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          'vector-effect': 'non-scaling-stroke',
-          key: 'ellipse-key',
-        },
-      ],
-      [
-        'rect',
-        {
-          class: 'rect-class',
-          x: 1,
-          y: 2,
-          id: 'rect-id',
-          opacity: '0.7',
-          width: 3,
-          height: 4,
-          rx: 5,
-          ry: 6,
-          stroke: 'red',
-          'stroke-opacity': '0.5',
-          fill: 'blue',
-          'fill-opacity': '0.3',
-          'vector-effect': 'non-scaling-stroke',
-          key: 'rect-key',
-        },
-      ],
+      ['path', { d: 'm1 1 2 2', fill: 'currentColor', key: 'path-key' }],
+      ['line', { x1: 1, x2: 2, y1: 3, y2: 4, key: 'line-key' }],
+      ['polygon', { points: '1 1 2 2 3 1', key: 'polygon-key' }],
+      ['polyline', { points: '1 1 2 2 3 1', key: 'polyline-key' }],
+      ['circle', { cx: 12, cy: 12, r: 8, fill: 'currentColor', key: 'circle-key' }],
+      ['ellipse', { cx: 12, cy: 12, rx: 8, ry: 4, key: 'ellipse-key' }],
+      ['rect', { x: 1, y: 2, width: 3, height: 4, rx: 5, ry: 6, key: 'rect-key' }],
     ],
   };
   function createComponent() {
@@ -199,13 +88,13 @@ describe('LucideDynamicIcon', () => {
     fixture.detectChanges();
     const children = getRenderedChildren();
     expect(children.map((child) => child.outerHTML)).toEqual([
-      '<path class="path-class" d="m1 1 2 2" id="path-id" opacity="0.7" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" vector-effect="non-scaling-stroke"></path>',
-      '<line class="line-class" id="line-id" opacity="0.7" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" x1="1" x2="2" y1="3" y2="4" vector-effect="non-scaling-stroke"></line>',
-      '<polygon class="polygon-class" id="polygon-id" opacity="0.7" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" points="1 1 2 2 3 1" vector-effect="non-scaling-stroke"></polygon>',
-      '<polyline class="polyline-class" id="polyline-id" opacity="0.7" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" points="1 1 2 2 3 1" vector-effect="non-scaling-stroke"></polyline>',
-      '<circle class="circle-class" cx="12" cy="12" id="circle-id" opacity="0.7" r="8" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" vector-effect="non-scaling-stroke"></circle>',
-      '<ellipse class="ellipse-class" cx="12" cy="12" id="ellipse-id" opacity="0.7" rx="8" ry="4" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" vector-effect="non-scaling-stroke"></ellipse>',
-      '<rect class="rect-class" x="1" y="2" id="rect-id" opacity="0.7" width="3" height="4" rx="5" ry="6" stroke="red" stroke-opacity="0.5" fill="blue" fill-opacity="0.3" vector-effect="non-scaling-stroke"></rect>',
+      '<path d="m1 1 2 2" fill="currentColor"></path>',
+      '<line x1="1" x2="2" y1="3" y2="4"></line>',
+      '<polygon points="1 1 2 2 3 1"></polygon>',
+      '<polyline points="1 1 2 2 3 1"></polyline>',
+      '<circle cx="12" cy="12" r="8" fill="currentColor"></circle>',
+      '<ellipse cx="12" cy="12" rx="8" ry="4"></ellipse>',
+      '<rect x="1" y="2" width="3" height="4" rx="5" ry="6"></rect>',
     ]);
   });
 

packages/angular/src/lucide-icon-template.ts

@@ -11,26 +11,13 @@ export const lucideIconTemplate = `@if (title(); as titleValue) {
   @switch (child[0]) {
     @case ('path') {
       <svg:path
-        [attr.class]="attrs['class']"
         [attr.d]="attrs['d']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
         [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.vector-effect]="attrs['vector-effect']"
       />
     }
     @case ('line') {
       <svg:line
-        [attr.class]="attrs['class']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
-        [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.x1]="attrs['x1']"
         [attr.x2]="attrs['x2']"
         [attr.y1]="attrs['y1']"
@@ -40,76 +27,42 @@ export const lucideIconTemplate = `@if (title(); as titleValue) {
     }
     @case ('polygon') {
       <svg:polygon
-        [attr.class]="attrs['class']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
-        [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.points]="attrs['points']"
         [attr.vector-effect]="attrs['vector-effect']"
       />
     }
     @case ('polyline') {
       <svg:polyline
-        [attr.class]="attrs['class']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
-        [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.points]="attrs['points']"
         [attr.vector-effect]="attrs['vector-effect']"
       />
     }
     @case ('circle') {
       <svg:circle
-        [attr.class]="attrs['class']"
         [attr.cx]="attrs['cx']"
         [attr.cy]="attrs['cy']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
         [attr.r]="attrs['r']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
         [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.vector-effect]="attrs['vector-effect']"
       />
     }
     @case ('ellipse') {
       <svg:ellipse
-        [attr.class]="attrs['class']"
         [attr.cx]="attrs['cx']"
         [attr.cy]="attrs['cy']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
         [attr.rx]="attrs['rx']"
         [attr.ry]="attrs['ry']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
-        [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.vector-effect]="attrs['vector-effect']"
       />
     }
     @case ('rect') {
       <svg:rect
-        [attr.class]="attrs['class']"
         [attr.x]="attrs['x']"
         [attr.y]="attrs['y']"
-        [attr.id]="attrs['id']"
-        [attr.opacity]="attrs['opacity']"
         [attr.width]="attrs['width']"
         [attr.height]="attrs['height']"
         [attr.rx]="attrs['rx']"
         [attr.ry]="attrs['ry']"
-        [attr.stroke]="attrs['stroke']"
-        [attr.stroke-opacity]="attrs['stroke-opacity']"
-        [attr.fill]="attrs['fill']"
-        [attr.fill-opacity]="attrs['fill-opacity']"
         [attr.vector-effect]="attrs['vector-effect']"
       />
     }

packages/astro/package.json

@@ -48,17 +48,17 @@
     "test:watch": "pnpm build:icons && vitest run --watch"
   },
   "devDependencies": {
-    "@astrojs/ts-plugin": "^1.10.10",
+    "@astrojs/ts-plugin": "^1.10.4",
     "@lucide/build-icons": "workspace:*",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "astro": "^6.4.8",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.8.0",
     "jest-serializer-html": "^7.1.0",
-    "linkedom": "^0.18.13",
-    "prettier": "^3.9.5",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6",
-    "vitest": "4.1.10"
+    "linkedom": "^0.18.5",
+    "prettier": "^3.4.2",
+    "typescript": "^5.8.3",
+    "vite": "^7.3.2",
+    "vitest": "^4.1.0",
+    "astro": "^6.4.6"
   },
   "peerDependencies": {
     "astro": "^4 || ^5 || ^6 || ^7"

packages/icons/package.json

@@ -63,14 +63,14 @@
     "@lucide/build-icons": "workspace:*",
     "@lucide/helpers": "^1.0.0",
     "@lucide/rollup-plugins": "workspace:*",
-    "@rollup/plugin-replace": "^6.0.3",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@testing-library/jest-dom": "^6.6.3",
     "jest-serializer-html": "^7.1.0",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
+    "rollup": "^4.53.3",
+    "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6",
-    "vitest": "4.1.10"
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4",
+    "vitest": "^4.1.0"
   }
 }

packages/lucide-preact/package.json

@@ -50,15 +50,15 @@
     "@lucide/build-icons": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
     "@lucide/shared": "workspace:*",
-    "@preact/preset-vite": "^2.10.5",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/preact": "^3.2.4",
+    "@preact/preset-vite": "^2.10.2",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/preact": "^3.2.3",
     "jest-serializer-html": "^7.1.0",
-    "preact": "^10.29.7",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6"
+    "preact": "^10.27.3",
+    "rollup": "^4.59.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4"
   },
   "peerDependencies": {
     "preact": "^10.27.2"

packages/lucide-react-native/package.json

@@ -68,20 +68,20 @@
     "@lucide/helpers": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
     "@lucide/shared": "workspace:*",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^14.3.1",
-    "@types/prop-types": "^15.7.15",
-    "@types/react": "^18.3.31",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^14.1.2",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^18.0.21",
+    "@vitejs/plugin-react": "^4.2.1",
     "jest-serializer-html": "^7.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "^0.76.9",
-    "react-native-svg": "^15.15.5",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-native": "^0.76.0",
+    "react-native-svg": "^15.8.0",
+    "rollup": "^4.59.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4"
   },
   "peerDependencies": {
     "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0",

packages/lucide-react/package.json

@@ -53,18 +53,18 @@
     "@lucide/build-icons": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
     "@lucide/shared": "workspace:*",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^14.3.1",
-    "@types/react": "^18.3.31",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^14.1.2",
+    "@types/react": "^18.2.37",
+    "@vitejs/plugin-react": "^4.6.0",
     "jest-serializer-html": "^7.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
+    "rollup": "^4.59.0",
+    "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6"
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4"
   },
   "peerDependencies": {
     "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"

packages/lucide-solid/package.json

@@ -68,23 +68,23 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@babel/preset-env": "^7.29.7",
-    "@babel/preset-typescript": "^7.29.7",
+    "@babel/core": "^7.29.6",
+    "@babel/preset-env": "^7.23.9",
+    "@babel/preset-typescript": "^7.23.3",
     "@lucide/build-icons": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
     "@lucide/shared": "workspace:*",
-    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-babel": "^6.0.4",
     "@solidjs/testing-library": "^0.8.10",
-    "@testing-library/jest-dom": "^6.9.1",
-    "babel-preset-solid": "^1.9.12",
-    "esbuild": "^0.28.1",
+    "@testing-library/jest-dom": "^6.8.0",
+    "babel-preset-solid": "^1.8.12",
     "jest-serializer-html": "^7.1.0",
-    "rollup": "^4.62.2",
-    "solid-js": "^1.9.14",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6",
-    "vite-plugin-solid": "^2.11.12"
+    "rollup": "^4.59.0",
+    "solid-js": "^1.9.4",
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4",
+    "vite-plugin-solid": "^2.11.6",
+    "esbuild": "^0.28.1"
   },
   "peerDependencies": {
     "solid-js": "^1.4.7"

packages/lucide-static/package.json

@@ -40,10 +40,10 @@
     "@lucide/build-icons": "workspace:*",
     "@lucide/helpers": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
-    "@types/node": "^22.20.1",
-    "prettier": "^2.8.8",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
-    "svgson": "^5.3.1"
+    "@types/node": "^22.15.30",
+    "prettier": "^2.3.2",
+    "svgson": "^5.2.1",
+    "rollup": "^4.59.0",
+    "rollup-plugin-dts": "^6.2.1"
   }
 }

packages/lucide/package.json

@@ -43,14 +43,14 @@
   },
   "devDependencies": {
     "@lucide/build-icons": "workspace:*",
-    "@lucide/rollup-plugins": "workspace:*",
     "@lucide/shared": "workspace:*",
-    "@rollup/plugin-replace": "^6.0.3",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@lucide/rollup-plugins": "workspace:*",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@testing-library/jest-dom": "^6.8.0",
     "jest-serializer-html": "^7.1.0",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6"
+    "rollup": "^4.59.0",
+    "rollup-plugin-dts": "^6.2.3",
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4"
   }
 }

packages/shared/package.json

@@ -13,6 +13,6 @@
     "test:watch": "vitest watch"
   },
   "devDependencies": {
-    "vite": "^7.3.6"
+    "vite": "^7.2.4"
   }
 }

packages/svelte/package.json

@@ -60,18 +60,18 @@
   "devDependencies": {
     "@lucide/build-icons": "workspace:*",
     "@lucide/helpers": "workspace:*",
-    "@sveltejs/package": "^2.5.8",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/svelte": "^5.4.2",
-    "@tsconfig/svelte": "^5.0.8",
+    "@sveltejs/package": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^6.1.3",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/svelte": "^5.2.8",
+    "@tsconfig/svelte": "^5.0.4",
     "jest-serializer-html": "^7.1.0",
-    "jsdom": "^27.4.0",
-    "svelte": "^5.56.5",
-    "svelte-check": "^4.7.2",
-    "svelte-preprocess": "^6.0.5",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6"
+    "jsdom": "^20.0.3",
+    "svelte": "^5.38.6",
+    "svelte-check": "^4.3.4",
+    "svelte-preprocess": "^6.0.3",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.6"
   },
   "peerDependencies": {
     "svelte": "^5"

packages/svelte/tests/__snapshots__/lucide-svelte.spec.ts.snap

@@ -110,6 +110,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
     <!---->
   </svg>
   
+  
 </div>
 `;
 
@@ -203,6 +204,7 @@ exports[`Using lucide icon components > should render an component 1`] = `
     <!---->
   </svg>
   
+  
 </div>
 `;
 
@@ -263,5 +265,6 @@ exports[`Using lucide icon components > should render an icon slot 1`] = `
     <!---->
   </svg>
   
+  
 </div>
 `;

packages/vue/package.json

@@ -44,15 +44,16 @@
     "@lucide/build-icons": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
     "@lucide/shared": "workspace:*",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/vue": "^8.1.0",
     "@vitejs/plugin-vue": "^4.6.2",
     "@vue/test-utils": "2.4.5",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.6",
-    "vue": "^3.5.39"
+    "@vitejs/plugin-vue2": "2.2.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup": "^4.59.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.2.4",
+    "vue": "^3.4.21"
   },
   "peerDependencies": {
     "vue": ">=3.0.1"

pnpm-workspace.yaml

@@ -4,16 +4,13 @@ packages:
   - 'docs'
 
 overrides:
+  axios: ^1.12.0
   cross-spawn: 7.0.5
   fast-json-patch: ^3.1.1
   form-data: ^4.0.4
   semver: ^7.7.3
   vite-prerender-plugin: 0.5.12
   webpack-dev-middleware: ^5.3.4
-  vitest: '4.1.10'
-  vite: '^7.3.6'
-  minimatch@>=9.0.0 <9.0.6: ^9.0.6
-  minimatch@>=9.0.0 <9.0.7: ^9.0.7
 
 allowBuilds:
   '@parcel/watcher': false

scripts/generateNextJSAliases.mts

@@ -0,0 +1,49 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { getCurrentDirPath, readSvgDirectory } from '../tools/build-helpers/helpers.ts';
+
+// This is a special case convertion NextJS uses for their modularize imports. We try to follow the same convention, to generate the same imports.
+function pascalToKebabNextJSFlavour(str: string) {
+  return str
+    .replace(/([a-z])([A-Z])/g, '$1-$2')
+    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')
+    .replace(/([a-z])-?([0-9]+|[A-Z])/g, '$1-$2')
+    .replace(/([0-9]+)-?([a-zA-Z])/g, '$1-$2')
+    .replace(/([0-9])-([0-9])/g, '$1$2')
+    .split('-')
+    .map((word) => word.toLowerCase())
+    .join('-');
+}
+
+const currentDir = getCurrentDirPath(import.meta.url);
+const ICONS_DIR = path.resolve(currentDir, '../icons');
+
+const svgFiles = await readSvgDirectory(ICONS_DIR);
+
+const iconNames = svgFiles.map((icon) => icon.split('.')[0]).reverse();
+
+console.log('Creating aliases for NextJS imports: ');
+
+Promise.all(
+  iconNames.map(async (iconName) => {
+    const pascalCaseName = iconName.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+
+    const iconNameKebabCaseNextjsFlavour = pascalToKebabNextJSFlavour(pascalCaseName);
+
+    if (iconName !== iconNameKebabCaseNextjsFlavour) {
+      console.log(iconName, '➡️', iconNameKebabCaseNextjsFlavour);
+
+      const metaJson = await fs.readFile(path.resolve(ICONS_DIR, `${iconName}.json`), 'utf-8');
+      const iconMetaData = JSON.parse(metaJson);
+
+      const aliases = iconMetaData.aliases ?? [];
+      if (!aliases.includes(iconNameKebabCaseNextjsFlavour)) {
+        aliases.push(iconNameKebabCaseNextjsFlavour);
+      }
+
+      let output = JSON.stringify({ ...iconMetaData, aliases }, null, 2);
+      output = `${output}\n`;
+      fs.writeFile(path.resolve(ICONS_DIR, `${iconName}.json`), output, 'utf-8');
+    }
+  }),
+);

tools/build-font/package.json

@@ -13,16 +13,16 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@vercel/blob": "^2.6.1",
-    "fs-extra": "^11.3.6",
+    "@vercel/blob": "^2.3.0",
+    "fs-extra": "^11.2.0",
     "minimist": "^1.2.8",
     "oslllo-svg-fixer": "^5.0.0",
-    "svgtofont": "^6.5.3"
+    "svgtofont": "^6.5.2"
   },
   "devDependencies": {
     "@lucide/helpers": "workspace:*",
     "@types/fs-extra": "^11.0.4",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^22.20.1"
+    "@types/node": "^22"
   }
 }

tools/build-helpers/package.json

@@ -9,6 +9,6 @@
   "license": "ISC",
   "type": "module",
   "devDependencies": {
-    "@types/node": "^22.20.1"
+    "@types/node": "^22"
   }
 }

tools/build-icons/package.json

@@ -37,13 +37,13 @@
   "devDependencies": {
     "@lucide/helpers": "workspace:*",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^22.20.1"
+    "@types/node": "^22"
   },
   "dependencies": {
-    "minimist": "^1.2.8",
+    "minimist": "^1.2.7",
     "prettier": "2.7.1",
-    "svgo": "^3.3.4",
-    "svgson": "^5.3.1"
+    "svgo": "^3.3.3",
+    "svgson": "^5.2.1"
   },
   "peerDependencies": {
     "@lucide/helpers": "*"

tools/rollup-plugins/package.json

@@ -11,10 +11,10 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
     "esbuild": "^0.28.1",
-    "rollup": "^4.62.2",
+    "rollup": "^4.59.0",
     "rollup-plugin-esbuild": "^6.2.1",
-    "rollup-plugin-license": "^3.7.1",
+    "rollup-plugin-license": "^3.6.0",
     "rollup-plugin-summary": "^3.0.1",
-    "rollup-plugin-visualizer": "^6.0.11"
+    "rollup-plugin-visualizer": "^6.0.5"
   }
 }