fix(icons): fix volume icons, add volume-off (#2378 )

feat(icons): added trending-up-down icon (#2372 )
* Added icons/chart-arrows.svg * Added icons/chart-arrows.json * Update chart-arrows.svg - removed the chart part * Update and rename chart-arrows.json to trending-up-down.json - updated name - updated tags - changed category * Rename chart-arrows.svg to trending-up-down.svg - changed name to trending-up-down.svg * Update icons/trending-up-down.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/trending-up-down.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/trending-up-down.svg Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org>
2026-11-11 13:28:19 +00:00 · 2024-08-23 11:26:01 +02:00 · 2024-08-23 11:10:52 +02:00 · 2024-08-23 11:08:47 +02:00 · 2024-08-23 10:38:49 +02:00 · 2024-08-23 10:28:37 +02:00
36 changed files with 1469 additions and 583 deletions
@@ -75,6 +75,7 @@ defineProps<TeamMember>()
  font-weight: 500;
  color: var(--vp-c-text-2);
  text-align: center;
+  text-wrap: balance;
  margin-bottom: 16px;;
 }

@@ -37,6 +37,20 @@ import { LucideAngularModule, File, Home, Menu, UserCheck } from 'lucide-angular
 export class AppModule { }
 ```

+or using standalone version:
+
+```js
+import { LucideAngularModule, FileIcon } from 'lucide-angular';
+
+@NgModule({
+  imports: [
+    LucideAngularModule
+  ]
+})
+export class AppModule {
+  readonly FileIcon = FileIcon;
+}
+```
 ### Step 2: Use the icons in templates

 Within your templates you may now use one of the following component tags to insert an icon:
@@ -47,6 +61,13 @@ Within your templates you may now use one of the following component tags to ins
 <i-lucide name="menu" class="my-icon"></i-lucide>
 <span-lucide name="user-check" class="my-icon"></span-lucide>
 ```
+for standalone
+```html
+<lucide-angular [img]="FileIcon" class="my-icon"></lucide-angular>
+<lucide-icon [img]="FileIcon" class="my-icon"></lucide-icon>
+<i-lucide [img]="FileIcon" class="my-icon"></i-lucide>
+<span-lucide [img]="FileIcon" class="my-icon"></span-lucide>
+```

 ### Props

@@ -41,6 +41,19 @@ const App = () => {
 export default App;
 ```

+Vite loading/performing issues with the dev server can be resolved by import icons directly from the `lucide-solid/icons` directory:
+
+```jsx
+import Camera from 'lucide-solid/icons/camera';
+
+// Usage
+const App = () => {
+  return <Camera color="red" size={48} />;
+};
+
+export default App;
+```
+
 ## Props

 | name                  | type      | default      |
@@ -1,6 +1,7 @@
 ---
 # https://vitepress.dev/reference/default-theme-home-page
 layout: home
+markdownStyles: false

 head:
  - - link
@@ -32,14 +32,13 @@
    "@types/semver": "^7.5.3",
    "h3": "^1.8.0",
    "nitropack": "2.8.1",
-    "node-fetch": "2",
    "rollup-plugin-copy": "^3.4.0",
-    "vitepress": "1.0.0-rc.36"
+    "vitepress": "^1.3.1"
  },
  "dependencies": {
    "@floating-ui/vue": "^1.0.3",
    "@headlessui/vue": "^1.7.17",
-    "@resvg/resvg-wasm": "^2.4.1",
+    "@resvg/resvg-wasm": "^2.6.2",
    "@vueuse/components": "^10.7.2",
    "@vueuse/core": "^10.7.2",
    "element-to-path": "^1.2.1",
@@ -0,0 +1,17 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "karsa-mistmere",
+    "danielbayley",
+    "jguddas"
+  ],
+  "tags": [
+    "diagram",
+    "graph",
+    "timeline",
+    "planning"
+  ],
+  "categories": [
+    "charts"
+  ]
+}
@@ -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="M10 6h8" />
+  <path d="M12 16h6" />
+  <path d="M3 3v16a2 2 0 0 0 2 2h16" />
+  <path d="M8 11h7" />
+</svg>
@@ -1,7 +1,8 @@
 {
  "$schema": "../icon.schema.json",
  "contributors": [
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "jguddas"
  ],
  "tags": [
    "user",
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M16 18a4 4 0 0 0-8 0" />
-  <circle cx="12" cy="11" r="3" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <line x1="8" x2="8" y1="2" y2="4" />
-  <line x1="16" x2="16" y1="2" y2="4" />
+  <path d="M16 2v2" />
+  <path d="M17.915 22a6 6 0 0 0-12 0" />
+  <path d="M8 2v2" />
+  <circle cx="12" cy="12" r="4" />
+  <rect x="3" y="4" width="18" height="18" rx="2" />
 </svg>
@@ -4,7 +4,8 @@
    "lscheibel",
    "karsa-mistmere",
    "FPDK",
-    "ericfennis"
+    "ericfennis",
+    "jguddas"
  ],
  "tags": [
    "user",
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2" />
-  <rect width="18" height="18" x="3" y="4" rx="2" />
-  <circle cx="12" cy="10" r="2" />
-  <line x1="8" x2="8" y1="2" y2="4" />
-  <line x1="16" x2="16" y1="2" y2="4" />
+  <path d="M16 2v2" />
+  <path d="M7 22v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2" />
+  <path d="M8 2v2" />
+  <circle cx="12" cy="11" r="3" />
+  <rect x="3" y="4" width="18" height="18" rx="2" />
 </svg>
@@ -11,6 +11,6 @@
 >
  <path d="M11 11a5 5 0 0 1 0 6" />
  <path d="M14 2v4a2 2 0 0 0 2 2h4" />
-  <path d="M4.268 21A2 2 0 0 0 6 22h12a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3" />
-  <path d="m7 10-3 2H2v4h2l3 2z" />
+  <path d="M4 6.765V4a2 2 0 0 1 2-2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-.93-.23" />
+  <path d="M7 10.51a.5.5 0 0 0-.826-.38l-1.893 1.628A1 1 0 0 1 3.63 12H2.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.129a1 1 0 0 1 .652.242l1.893 1.63a.5.5 0 0 0 .826-.38z" />
 </svg>
@@ -13,6 +13,7 @@
  ],
  "categories": [
    "food-beverage",
-    "emoji"
+    "emoji",
+    "sustainability"
  ]
 }
@@ -1,7 +1,8 @@
 {
  "$schema": "../icon.schema.json",
  "contributors": [
-    "danielbayley"
+    "danielbayley",
+    "jguddas"
  ],
  "tags": [
    "comment",
@@ -9,12 +9,13 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M3 6V5c0-1.1.9-2 2-2h2" />
-  <path d="M11 3h3" />
-  <path d="M18 3h1c1.1 0 2 .9 2 2" />
-  <path d="M21 9v2" />
-  <path d="M21 15c0 1.1-.9 2-2 2h-1" />
-  <path d="M14 17h-3" />
-  <path d="m7 17-4 4v-5" />
-  <path d="M3 12v-2" />
+  <path d="M10 17H7l-4 4v-7" />
+  <path d="M14 17h1" />
+  <path d="M14 3h1" />
+  <path d="M19 3a2 2 0 0 1 2 2" />
+  <path d="M21 14v1a2 2 0 0 1-2 2" />
+  <path d="M21 9v1" />
+  <path d="M3 9v1" />
+  <path d="M5 3a2 2 0 0 0-2 2" />
+  <path d="M9 3h1" />
 </svg>
@@ -11,6 +11,7 @@
  ],
  "categories": [
    "nature",
-    "gaming"
+    "gaming",
+    "sustainability"
  ]
 }
@@ -9,7 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M4.8 2.3A.3.3 0 1 0 5 2H4a2 2 0 0 0-2 2v5a6 6 0 0 0 6 6a6 6 0 0 0 6-6V4a2 2 0 0 0-2-2h-1a.2.2 0 1 0 .3.3" />
-  <path d="M8 15v1a6 6 0 0 0 6 6a6 6 0 0 0 6-6v-4" />
+  <path d="M11 2v2" />
+  <path d="M5 2v2" />
+  <path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1" />
+  <path d="M8 15a6 6 0 0 0 12 0v-3" />
  <circle cx="20" cy="10" r="2" />
 </svg>
@@ -14,6 +14,7 @@
  "categories": [
    "accessibility",
    "weather",
-    "seasons"
+    "seasons",
+    "sustainability"
  ]
 }
@@ -11,6 +11,7 @@
    "nature"
  ],
  "categories": [
-    "nature"
+    "nature",
+    "sustainability"
  ]
 }
@@ -9,7 +9,8 @@
    "island"
  ],
  "categories": [
-    "nature"
+    "nature",
+    "sustainability"
  ],
  "aliases": [
    "palmtree"
@@ -13,6 +13,7 @@
    "nature"
  ],
  "categories": [
-    "nature"
+    "nature",
+    "sustainability"
  ]
 }
@@ -10,6 +10,7 @@
    "nature"
  ],
  "categories": [
-    "nature"
+    "nature",
+    "sustainability"
  ]
 }
@@ -0,0 +1,22 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "Alportan"
+  ],
+  "tags": [
+    "arrows",
+    "estimated",
+    "indeterminate",
+    "data fluctuation",
+    "uncertain",
+    "forecast",
+    "variable",
+    "prediction",
+    "dynamic",
+    "volatile"
+  ],
+  "categories": [
+    "charts",
+    "arrows"
+  ]
+}
@@ -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="M14.828 14.828 21 21" />
+  <path d="M21 16v5h-5" />
+  <path d="m21 3-9 9-4-4-6 6" />
+  <path d="M21 8V3h-5" />
+</svg>
@@ -9,6 +9,6 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
-  <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+  <path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
+  <path d="M16 9a5 5 0 0 1 0 6" />
 </svg>
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
-  <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
-  <path d="M19.07 4.93a10 10 0 0 1 0 14.14" />
+  <path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
+  <path d="M16 9a5 5 0 0 1 0 6" />
+  <path d="M19.364 18.364a9 9 0 0 0 0-12.728" />
 </svg>
@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "karsa-mistmere",
+    "colebemis",
+    "ericfennis"
+  ],
+  "tags": [
+    "music",
+    "sound",
+    "mute",
+    "speaker"
+  ],
+  "categories": [
+    "connectivity",
+    "communication",
+    "multimedia"
+  ]
+}
@@ -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="M16 9a5 5 0 0 1 .95 2.293" />
+  <path d="M19.364 5.636a9 9 0 0 1 1.889 9.96" />
+  <path d="m2 2 20 20" />
+  <path d="m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11" />
+  <path d="M9.828 4.172A.686.686 0 0 1 11 4.657v.686" />
+</svg>
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+  <path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
  <line x1="22" x2="16" y1="9" y2="15" />
  <line x1="16" x2="22" y1="9" y2="15" />
 </svg>
@@ -9,5 +9,5 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+  <path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
 </svg>
@@ -15,6 +15,7 @@
  "categories": [
    "weather",
    "maps",
-    "multimedia"
+    "multimedia",
+    "sustainability"
  ]
 }
@@ -11,6 +11,7 @@
    "blow"
  ],
  "categories": [
-    "weather"
+    "weather",
+    "sustainability"
  ]
 }
@@ -38,6 +38,22 @@
      "browser": "./dist/esm/lucide-solid.js",
      "require": "./dist/cjs/lucide-solid.js",
      "node": "./dist/cjs/lucide-solid.js"
+    },
+    "./icons": {
+      "types": "./dist/types/lucide-solid.d.ts",
+      "solid": "./dist/source/lucide-solid.jsx",
+      "import": "./dist/esm/lucide-solid.js",
+      "browser": "./dist/esm/lucide-solid.js",
+      "require": "./dist/cjs/lucide-solid.js",
+      "node": "./dist/cjs/lucide-solid.js"
+    },
+    "./icons/*": {
+      "types": "./dist/types/icons/*.d.ts",
+      "solid": "./dist/source/icons/*.jsx",
+      "import": "./dist/esm/icons/*.js",
+      "browser": "./dist/esm/icons/*.js",
+      "require": "./dist/cjs/icons/*.js",
+      "node": "./dist/cjs/icons/*.js"
    }
  },
  "sideEffects": false,
@@ -48,7 +64,7 @@
    "build:transpile": "tsc --jsx preserve -t es2020 --rootDir src --outDir dist --noEmit false",
    "build:version": "node ./scripts/replaceVersion.mjs",
    "build:bundle": "rollup -c rollup.config.mjs",
-    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey --withAliases --aliasesFileExtension=.ts --iconFileExtension=.tsx --exportFileName=index.ts",
+    "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --renderUniqueKey --withAliases --separateAliasesFile --aliasesFileExtension=.ts --iconFileExtension=.tsx --exportFileName=index.ts",
    "test": "pnpm build:icons && vitest run",
    "version": "pnpm version --git-tag-version=false"
  },
@@ -16,11 +16,13 @@ const bundles = [
    format: 'cjs',
    inputs,
    outputDir,
+    preserveModules: true,
  },
  {
    format: 'esm',
    inputs,
    outputDir,
+    preserveModules: true,
  },
 ];
Author	SHA1	Message	Date
Karsa	7837a04438	fix(icons): fix volume icons, add volume-off (#2378 )	2024-08-23 11:26:01 +02:00
Alexandru PortanandKarsa	944e428630	feat(icons): added `trending-up-down` icon (#2372 ) * Added icons/chart-arrows.svg * Added icons/chart-arrows.json * Update chart-arrows.svg - removed the chart part * Update and rename chart-arrows.json to trending-up-down.json - updated name - updated tags - changed category * Rename chart-arrows.svg to trending-up-down.svg - changed name to trending-up-down.svg * Update icons/trending-up-down.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/trending-up-down.json Co-authored-by: Karsa <contact@karsa.org> * Update icons/trending-up-down.svg Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Karsa <contact@karsa.org>	2024-08-23 11:10:52 +02:00
Eric Fennis	aa4b1f06b4	fix(lucide-solid): compilation issues when starting up Vite Dev server (#2375 ) * Adjust build for lucide solid * Adjust documentation * Revert package manager update * Fix lint errors	2024-08-23 11:08:47 +02:00
Eric Fennis	b1087d3da0	fix(icons): Remove duplicated alias from chart-gantt	2024-08-23 10:38:49 +02:00
Eric Fennis	fd8d69a129	chore(site): Update vitepress to `1.3.1` (#2377 ) * Update vitepress * Update nitro * Try this * Revert nitropack update	2024-08-23 10:28:37 +02:00
Jakob Guddas	379df75eda	style: added text-wrap balance to TeamMemberCard.vue (#2381 )	2024-08-23 10:28:21 +02:00
Jakob Guddas	25707c7c47	fix(icons): changed `contact-` icon (#2391 ) Updated icons/contact.svg * Updated icons/contact.json * Updated icons/contact-round.svg * Updated icons/contact-round.json	2024-08-23 10:27:32 +02:00
Jakob Guddas	cbb4ed985c	feat(icons): added `chart-gantt` icon (#2392 ) * Added icons/chart-gantt.svg * Added icons/chart-gantt.json * Updated icons/chart-gantt.json * Updated icons/chart-gantt.svg	2024-08-23 10:26:15 +02:00
Sameer Poswal	d7d1074a60	changed the value of major grid lines from 5 to 6 (#2382 )	2024-08-23 10:25:39 +02:00
Viktor Andersson	79c2333b7f	Add the sustainability catagory to some existing icons (#2384 )	2024-08-21 09:26:07 +02:00
Karsa	e3f78d73d8	fix(icons): fix stethoscope guideline violations (#2379 )	2024-08-21 09:25:31 +02:00
hiepxanh	e391973a70	feat(docs): add standalone example for angular (#2383 )	2024-08-21 09:23:33 +02:00
Jakob Guddas	5a2e3a20ee	fix(icons): changed `message-square-dashed` icon (#2374 ) * Updated icons/message-square-dashed.svg * Updated icons/message-square-dashed.json	2024-08-16 15:32:49 +02:00