feat(icons): added grid-3x3-off icon (#5071)

* feat(icons): added grid-3x3-off icon

* chore(icons): add suggested tags to `grid-3x3-off`

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* fix(icons): use standard off geometry for `grid-3x3-off`

* chore(icons): use metadata markers for `grid-3x3-off`

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

docs/vercel.json

@@ -12,8 +12,68 @@
       "permanent": true
     },
     {
-      "source": "/docs/:slug(lucide-?.*)",
-      "destination": "/guide/:slug",
+      "source": "/docs/lucide-vue-next",
+      "destination": "/guide/vue",
+      "permanent": true
+    },
+    {
+      "source": "/guide/packages/lucide-vue-next",
+      "destination": "/guide/vue",
+      "permanent": true
+    },
+    {
+      "source": "/guide/vue-next",
+      "destination": "/guide/vue",
+      "permanent": true
+    },
+    {
+      "source": "/docs/lucide",
+      "destination": "/guide/lucide",
+      "permanent": true
+    },
+    {
+      "source": "/docs/lucide-:pkg",
+      "destination": "/guide/:pkg",
+      "permanent": true
+    },
+    {
+      "source": "/guide/lucide-:pkg",
+      "destination": "/guide/:pkg",
+      "permanent": true
+    },
+    {
+      "source": "/guide/packages/lucide-:pkg/",
+      "destination": "/guide/:pkg",
+      "permanent": true
+    },
+    {
+      "source": "/guide/advanced/accessibility",
+      "destination": "/how-to/accessibility",
+      "permanent": true
+    },
+    {
+      "source": "/guide/basics/:slug",
+      "destination": "/guide/react/basics/:slug",
+      "permanent": true
+    },
+    {
+      "source": "/guide/advanced/:slug",
+      "destination": "/guide/react/advanced/:slug",
+      "permanent": true
+    },
+    {
+      "source": "/guide/design/figma-guide",
+      "destination": "/contribute/icons/figma-guide",
+      "permanent": true
+    },
+    {
+      "source": "/guide/design/:slug(icon-design-guide|icon-properties)",
+      "destination": "/contribute/icons/design-principles",
+      "permanent": true
+    },
+    {
+      "source": "/icons/lab/:name(carton-off|briefcase-plus)",
+      "destination": "/icons/:name",
       "permanent": true
     },
     {
@@ -47,11 +107,6 @@
       "destination": "/how-to/accessibility",
       "permanent": true
     },
-    {
-      "source": "/guide/advanced/accessibility",
-      "destination": "/how-to/accessibility",
-      "permanent": true
-    },
     {
       "source": "/guide/advanced",
       "destination": "/guide/react/advanced",

groups/search.json

@@ -20,6 +20,8 @@
     "investigate",
     "magnifying glass",
     "lens",
-    "zoom"
+    "zoom",
+    "inspection",
+    "visual search"
   ]
 }

icons/circle-fading-check.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "n2duc"
+  ],
+  "use-cases": [
+    "Indicating a submission or payment that is still being verified",
+    "Showing a deployment, upload, or backup that is finishing up",
+    "Marking a task as partially completed or awaiting final approval",
+    "Displaying a step in a progress tracker that is in progress"
+  ],
+  "tags": [
+    "$group:check",
+    "pending",
+    "progress",
+    "processing",
+    "verifying",
+    "loading"
+  ],
+  "categories": [
+    "notifications"
+  ]
+}

icons/circle-fading-check.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="M12 2a10 10 0 017.38 16.75" />
+  <path d="m16 9-5.5 5.5L8 12" />
+  <path d="M2.5 8.875a10 10 0 00-.5 3" />
+  <path d="M2.83 16a10 10 0 002.43 3.4" />
+  <path d="M4.636 5.235a10 10 0 01.891-.857" />
+  <path d="M8.644 21.42a10 10 0 007.631-.38" />
+</svg>

icons/grid-3x3-off.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "$extends:grid-3x3",
+    "gridalchemy"
+  ],
+  "use-cases": [
+    "Hiding grid lines on a canvas or artboard",
+    "Indicating that snap to grid is turned off",
+    "Hiding the cell grid in spreadsheets"
+  ],
+  "tags": [
+    "$extends:grid-3x3",
+    "$group:off",
+    "guides",
+    "snap",
+    "canvas",
+    "spreadsheet",
+    "cells",
+    "data table",
+    "diagram",
+    "overlay"
+  ],
+  "categories": [
+    "$extends:grid-3x3"
+  ]
+}

icons/grid-3x3-off.svg

@@ -0,0 +1,21 @@
+<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="M15 9.344V3" />
+  <path d="m2 2 20 20" />
+  <path d="M20.414 20.414A2 2 0 0119 21H5a2 2 0 01-2-2V5a2 2 0 01.586-1.414" />
+  <path d="M20.656 15H21" />
+  <path d="M21 9h-6.344" />
+  <path d="M3 15h12v6" />
+  <path d="M3 9h6v12" />
+  <path d="M8.656 3H19a2 2 0 012 2v10.343" />
+  <path d="M9 3v.344" />
+</svg>

icons/moped.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "jamiemlaw",
+    "jguddas"
+  ],
+  "use-cases": [
+    "Picking a transport type in journey planning or racing apps",
+    "Highlighting a delivery driver on a map when they ride a motorbike"
+  ],
+  "tags": [
+    "scooter",
+    "two-wheeler",
+    "commute",
+    "urban",
+    "city",
+    "courier",
+    "motorbike",
+    "moto",
+    "motorcycle",
+    "transport",
+    "vehicle",
+    "drive",
+    "ride",
+    "race",
+    "racing",
+    "trip",
+    "journey",
+    "delivery",
+    "off-road",
+    "dirt bike",
+    "trail",
+    "enduro"
+  ],
+  "categories": [
+    "transportation"
+  ]
+}

icons/moped.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="m18.16 14.12-2.927-8.447A1 1 0 0 0 14.288 5H13" />
+  <path d="M19 10a7 7 0 0 0-6.928 6" />
+  <path d="M2 10h5.5a3 3 0 0 1 2.747 1.795l1.669 3.803A1 1 0 0 1 11.01 17H8" />
+  <circle cx="19" cy="17" r="3" />
+  <circle cx="5" cy="17" r="3" />
+</svg>

icons/opacity.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "ilyavred",
+    "jamiemlaw"
+  ],
+  "use-cases": [
+    "Setting the opacity of layers or objects in graphic editors",
+    "Adjusting the opacity of fills, strokes, or other object attributes",
+    "Adjusting the alpha channel in color pickers",
+    "Indicating that a layer or element is semi-transparent"
+  ],
+  "tags": [
+    "opacity",
+    "opaque",
+    "transparency",
+    "visibility",
+    "fade",
+    "lens",
+    "glass",
+    "blur",
+    "filter",
+    "clear",
+    "mask",
+    "cover",
+    "gradient"
+  ],
+  "categories": [
+    "design",
+    "photography"
+  ]
+}

icons/opacity.svg

@@ -0,0 +1,25 @@
+<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 3h.01" />
+  <path d="M12 9h.01" />
+  <path d="M15 6h.01" />
+  <path d="M18 3h.01" />
+  <path d="M21 6v13a2 2 0 0 1-2 2H6" />
+  <path d="M3 12h.01" />
+  <path d="M3 18h.01" />
+  <path d="M3 6h.01" />
+  <path d="M6 15h.01" />
+  <path d="M6 3h.01" />
+  <path d="M6 9h.01" />
+  <path d="M9 12h.01" />
+  <path d="M9 6h.01" />
+</svg>

icons/package-pen.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "$extends:package"
+  ],
+  "use-cases": [
+    "Editing recipient addresses or package contents in shipping systems",
+    "Modifying customer orders before shipment",
+    "Updating product listings in inventory or e-commerce platforms",
+    "Editing software package manifests or metadata"
+  ],
+  "tags": [
+    "$extends:package",
+    "$group:pen"
+  ],
+  "categories": [
+    "$extends:package"
+  ]
+}

icons/package-pen.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="M12 14.34V12l8.71-5" />
+  <path d="M16.511 21.141a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 1 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .599.626z" />
+  <path d="M21 9.114V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l5.087 2.907" />
+  <path d="M3.29 7 12 12" />
+  <path d="m7.5 4.27 9 5.15" />
+</svg>

icons/package-question-mark.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "$extends:package"
+  ],
+  "use-cases": [
+    "Marking an unknown or unrecognized package in a package registry",
+    "Indicating a dependency that is still being resolved in a package manager",
+    "Indicating a lost or missing delivery package",
+    "Showing a shipment with an unknown delivery status"
+  ],
+  "tags": [
+    "$extends:package",
+    "$group:question-mark",
+    "unresolved",
+    "placeholder",
+    "pending",
+    "lost",
+    "dependency"
+  ],
+  "categories": [
+    "$extends:package"
+  ]
+}

icons/package-question-mark.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="M12 22V12l8.71-5" />
+  <path d="M17 15.27c.2-.4.5-.8.9-1a2.1 2.1 0 0 1 2.6.4c.3.4.5.8.5 1.3 0 1.3-2 2-2 2" />
+  <path d="M19 21.99h.01" />
+  <path d="M21 10.342V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2.33-1.332" />
+  <path d="M3.29 7 12 12" />
+  <path d="m7.5 4.27 9 5.15" />
+</svg>

icons/package.json

@@ -21,7 +21,14 @@
     "packed",
     "archive",
     "zip",
-    "module"
+    "module",
+    "shipping",
+    "recipient",
+    "inventory",
+    "logistics",
+    "tracking",
+    "order",
+    "product"
   ],
   "categories": [
     "files",

icons/square-dashed-search.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "$extends:square-dashed",
+    "domarku"
+  ],
+  "use-cases": [
+    "Searching within a selected region",
+    "Finding content inside a placeholder area",
+    "Scanning a marquee selection",
+    "Zooming a selected region"
+  ],
+  "tags": [
+    "$extends:square-dashed",
+    "$group:search"
+  ],
+  "categories": [
+    "$extends:square-dashed"
+  ]
+}

icons/square-dashed-search.svg

@@ -0,0 +1,23 @@
+<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="M14 3h1" />
+  <path d="M19 3a2 2 0 012 2" />
+  <path d="m21 21-1.875-1.875" />
+  <path d="M21 9v1" />
+  <path d="M3 14v1" />
+  <path d="M3 9v1" />
+  <path d="M5 21a2 2 0 01-2-2" />
+  <path d="M5 3a2 2 0 00-2 2" />
+  <path d="M9 21h1" />
+  <path d="M9 3h1" />
+  <circle cx="17" cy="17" r="3" />
+</svg>

icons/square-dashed.json

@@ -15,7 +15,10 @@
     "marquee",
     "tool",
     "dashed",
-    "box"
+    "box",
+    "region",
+    "area",
+    "region of interest"
   ],
   "categories": [
     "design",

icons/user-exclamation-point.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "$extends:user"
+  ],
+  "use-cases": [
+    "Flagging an account as suspicious in moderation tools",
+    "Indicating a problem with a user's account or profile",
+    "Showing that a user has received a warning",
+    "Issuing a warning to a member in community management"
+  ],
+  "tags": [
+    "$extends:user",
+    "$group:exclamation-mark",
+    "flagged",
+    "suspicious",
+    "reported",
+    "violation",
+    "moderation",
+    "account issue",
+    "review"
+  ],
+  "categories": [
+    "$extends:user"
+  ]
+}

icons/user-exclamation-point.svg

@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M15 15H9a4 4 0 00-4 4v2" />
+  <path d="M18.988 13v4" />
+  <path d="M18.988 21h.01" />
+  <circle cx="12" cy="7" r="4" />
+</svg>

icons/user-round-exclamation-point.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "$extends:user-round"
+  ],
+  "use-cases": [
+    "$extends:user-exclamation-point"
+  ],
+  "tags": [
+    "$extends:user-round",
+    "$extends:user-exclamation-point"
+  ],
+  "categories": [
+    "$extends:user-round"
+  ]
+}

icons/user-round-exclamation-point.svg

@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M19.99 13v4" />
+  <path d="M19.99 21H20" />
+  <path d="M4 21a8 8 0 0111.99-6.934" />
+  <circle cx="12" cy="8" r="5" />
+</svg>

packages/lucide-react-native/package.json

@@ -55,11 +55,12 @@
     "dist"
   ],
   "scripts": {
-    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles",
+    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles && pnpm check:icon-subpaths",
     "copy:license": "cp ../../LICENSE ./LICENSE",
     "clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.ts",
     "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mts --renderUniqueKey --iconFileExtension=.ts --exportFileName=index.ts --withAliases --separateAliasesFile --separateAliasesFileIgnore=fingerprint --aliasesFileExtension=.ts",
     "build:bundles": "rollup -c ./rollup.config.mjs",
+    "check:icon-subpaths": "node ./scripts/checkIconSubpaths.mts",
     "test": "pnpm build:icons && vitest run",
     "test:watch": "vitest watch",
     "typecheck": "pnpm build:icons && tsc"

packages/lucide-react-native/rollup.config.mjs

@@ -11,7 +11,14 @@ const dtsOptions = {
 const packageName = 'LucideReact';
 const outputFileName = 'lucide-react-native';
 const outputDir = 'dist';
-const inputs = ['src/lucide-react-native.ts', 'src/icons/index.ts'];
+const iconAndAliasEntries = await getIconEntryNamesAndAliases();
+// Alias modules (e.g. `icons/trash-2`) aren't imported by the index, so list them as entries
+// to emit the runtime files the `./icons/*` export map points at.
+const inputs = [
+  'src/lucide-react-native.ts',
+  'src/icons/index.ts',
+  ...Object.values(iconAndAliasEntries),
+];
 const bundles = [
   {
     format: 'cjs',
@@ -28,7 +35,6 @@ const bundles = [
   },
 ];
 
-const iconAndAliasEntries = await getIconEntryNamesAndAliases();
 const typesModuleMatcher = /[/\\]src[/\\]types\.(d\.)?ts$/;
 
 const configs = bundles.map(({ inputs, outputDir, format, preserveModules, extension = 'js' }) => ({

packages/lucide-react-native/scripts/checkIconSubpaths.mts

@@ -0,0 +1,16 @@
+// Fails the build when an `icons/*` subpath has type declarations but no runtime file.
+import { existsSync, readdirSync } from 'node:fs';
+
+const declarations = readdirSync('dist/types/icons').filter((file) => file.endsWith('.d.ts'));
+
+const missing = declarations.flatMap((file) => {
+  const name = file.replace(/\.d\.ts$/, '');
+  return [`dist/esm/icons/${name}.mjs`, `dist/cjs/icons/${name}.js`].filter(
+    (runtimeFile) => !existsSync(runtimeFile),
+  );
+});
+
+if (missing.length > 0) {
+  console.error(`Missing runtime files for icon subpaths:\n${missing.join('\n')}`);
+  process.exit(1);
+}