add spline icon (#811 )

Make lucid-angular compatible with angular 14 (#835 )
* make lucid angular compatible with angular 14 * update pnpm-lock file
2025-12-17 06:17:41 +01:00 · 2022-10-24 18:54:16 +02:00 · 2022-10-24 18:39:44 +02:00 · 2022-10-23 18:30:39 +02:00 · 2022-10-23 18:29:43 +02:00 · 2022-10-23 12:19:23 +00:00
12 changed files with 3519 additions and 4180 deletions
--- a/docs/packages/lucide-vue-next.md
+++ b/docs/packages/lucide-vue-next.md
@@ -35,15 +35,8 @@ You can pass additional props to adjust the icon.
  />
 </template>

-<script>
-// Returns Vue component
+<script setup>
 import { Camera } from 'lucide-vue-next';
-
-export default {
-  name: "My Component",
-  components: { Camera }
-}
-
 </script>
 ```

@@ -53,8 +46,8 @@ export default {
 | ------------ | -------- | --------
 | `size`       | *Number* | 24
 | `color`      | *String* | currentColor
-| `strokeWidth`| *Number* | 2
-| `defaultClass`| *String* | lucide-icon
+| `stroke-width`| *Number* | 2
+| `default-class`| *String* | lucide-icon

 ### Custom props

@@ -76,25 +69,25 @@ It is possible to create one generic icon component to load icons.

 ``` html
 <template>
-  <component :is="icon" />
+    <component :is="icon" :size="size" :color="color" :stroke-width="strokeWidth" :default-class="defaultClass" />
 </template>

-<script>
+<script setup>
+import { computed } from 'vue';
 import * as icons from "lucide-vue-next";

-export default {
-  props: {
-    name: {
-      type: String,
-      required: true,
-    },
+const props = defineProps({
+  name: {
+    type: String,
+    required: true
  },
-  setup(props) {
-    const icon = computed(() => icons[props.name])
+  size: Number,
+  color: String,
+  strokeWidth: Number,
+  defaultClass: String
+})

-    return { icon }
-  }
-};
+const icon = computed(() => icons[props.name]);
 </script>
 ```

@@ -107,3 +100,4 @@ export default {
  </div>
 </template>
 ```
+All other props listed above also work on the `Icon` Component.
--- a/icons/spline.svg
+++ b/icons/spline.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 6V4c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z" />
+  <path d="M7 20v-2c0-.6-.4-1-1-1H4a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z" />
+  <path d="M5 17A12 12 0 0 1 17 5" />
+</svg>
--- a/packages/lucide-angular/package.json
+++ b/packages/lucide-angular/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-angular",
  "description": "A Lucide icon library package for Angular applications",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "author": "SMAH1",
  "license": "ISC",
  "homepage": "https://lucide.dev",
@@ -34,34 +34,35 @@
    "version": "pnpm version --git-tag-version=false"
  },
  "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.4.0"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1102.5",
-    "@angular/cli": "~11.2.15",
-    "@angular/common": "~11.2.14",
-    "@angular/compiler": "~11.2.14",
-    "@angular/compiler-cli": "~11.2.14",
-    "@angular/core": "~11.2.14",
-    "@angular/platform-browser": "~11.2.14",
-    "@angular/platform-browser-dynamic": "~11.2.14",
-    "@types/jasmine": "~3.10.2",
-    "@types/node": "^16.11.7",
+    "@angular-devkit/build-angular": "~14.2.6",
+    "@angular/cli": "~14.2.6",
+    "@angular/common": "~14.2.7",
+    "@angular/compiler": "~14.2.7",
+    "@angular/compiler-cli": "~14.2.7",
+    "@angular/core": "~14.2.7",
+    "@angular/platform-browser": "~14.2.7",
+    "@angular/platform-browser-dynamic": "~14.2.7",
+    "@types/jasmine": "~4.3.0",
+    "@types/node": "^18.11.4",
    "codelyzer": "^6.0.2",
-    "jasmine-core": "~3.10.1",
+    "jasmine-core": "~4.4.0",
    "jasmine-spec-reporter": "~7.0.0",
-    "karma": "~6.3.14",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.0.3",
-    "karma-jasmine": "~4.0.1",
-    "karma-jasmine-html-reporter": "^1.7.0",
-    "ng-packagr": "^11.2.4",
+    "karma": "~6.4.1",
+    "karma-chrome-launcher": "~3.1.1",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "^2.0.0",
+    "ng-packagr": "^14.2.1",
    "protractor": "~7.0.0",
-    "puppeteer": "^8.0.0",
-    "rxjs": "6.5.3",
-    "ts-node": "~10.4.0",
+    "puppeteer": "^19.1.0",
+    "rxjs": "7.5.7",
+    "ts-node": "~10.9.1",
    "tslint": "~6.1.0",
-    "typescript": "~4.1.5",
-    "zone.js": "^0.11.7"
+    "typescript": "~4.8.4",
+    "zone.js": "^0.11.8"
  }
 }
+
--- a/packages/lucide-flutter/pubspec.yaml
+++ b/packages/lucide-flutter/pubspec.yaml
@@ -1,6 +1,6 @@
 name: lucide_icons
 description: A Lucide icon library package for Flutter applications. Fork of Feather Icons, open for anyone to contribute icons.
-version: 0.92.0
+version: 0.93.0
 homepage: https://lucide.dev
 repository: https://github.com/lucide-icons/lucide

--- a/packages/lucide-preact/package.json
+++ b/packages/lucide-preact/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-preact",
  "description": "A Lucide icon library package for Preact applications",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/packages/lucide-react/package.json
+++ b/packages/lucide-react/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-react",
  "description": "A Lucide icon library package for React applications",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/packages/lucide-svelte/package.json
+++ b/packages/lucide-svelte/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide-svelte",
  "description": "A Lucide icon library package for Svelte applications",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/packages/lucide-vue-next/package.json
+++ b/packages/lucide-vue-next/package.json
@@ -1,6 +1,6 @@
 {
  "name": "lucide-vue-next",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "author": "Eric Fennis",
  "description": "A Lucide icon library package for Vue 3 applications",
  "license": "ISC",
--- a/packages/lucide-vue/package.json
+++ b/packages/lucide-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "lucide-vue",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "author": "Eric Fennis",
  "description": "A Lucide icon library package for Vue 2 applications",
  "license": "ISC",
--- a/packages/lucide/package.json
+++ b/packages/lucide/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lucide",
  "description": "A Lucide icon library package for web and javascript applications.",
-  "version": "0.92.0",
+  "version": "0.93.0",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/tags.json
+++ b/tags.json
@@ -845,7 +845,8 @@
    "vertical"
  ],
  "chrome": [
-    "browser"
+    "browser",
+    "logo"
  ],
  "cigarette": [
    "smoking"
@@ -857,7 +858,8 @@
  "circle": [
    "off",
    "zero",
-    "record"
+    "record",
+    "shape"
  ],
  "circle-dot": [
    "pending",
@@ -875,7 +877,8 @@
    "zero",
    "Ø",
    "null",
-    "nothing"
+    "nothing",
+    "maths"
  ],
  "citrus": [
    "lemon",
@@ -1239,7 +1242,8 @@
    "square",
    "rectangle",
    "oblique",
-    "rhombus"
+    "rhombus",
+    "shape"
  ],
  "dice-1": [
    "dice",
@@ -1301,7 +1305,8 @@
    "difference",
    "plus",
    "minus",
-    "plus-minus"
+    "plus-minus",
+    "maths"
  ],
  "disc": [
    "album",
@@ -1310,13 +1315,16 @@
    "music"
  ],
  "divide": [
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "divide-circle": [
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "divide-square": [
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "dollar-sign": [
    "currency",
@@ -1379,11 +1387,13 @@
    "breakfast"
  ],
  "equal": [
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "equal-not": [
    "calculate",
-    "off"
+    "off",
+    "maths"
  ],
  "eraser": [
    "pencil",
@@ -1996,7 +2006,8 @@
  "function-square": [
    "programming",
    "code",
-    "automation"
+    "automation",
+    "maths"
  ],
  "joystick": [
    "game",
@@ -2272,7 +2283,8 @@
  "infinity": [
    "unlimited",
    "forever",
-    "loop"
+    "loop",
+    "maths"
  ],
  "info": [
    "help"
@@ -2287,6 +2299,7 @@
  ],
  "instagram": [
    "logo",
+    "social",
    "camera"
  ],
  "italic": [
@@ -2451,7 +2464,7 @@
  ],
  "linkedin": [
    "logo",
-    "social media"
+    "social"
  ],
  "list": [
    "options"
@@ -2771,15 +2784,18 @@
  ],
  "minus": [
    "subtract",
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "minus-circle": [
    "subtract",
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "minus-square": [
    "subtract",
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "monitor": [
    "tv",
@@ -2915,7 +2931,8 @@
    "headline"
  ],
  "octagon": [
-    "stop"
+    "stop",
+    "shape"
  ],
  "option": [
    "key",
@@ -3103,15 +3120,18 @@
  ],
  "plus": [
    "add",
-    "new"
+    "new",
+    "maths"
  ],
  "plus-circle": [
    "add",
-    "new"
+    "new",
+    "maths"
  ],
  "plus-square": [
    "add",
-    "new"
+    "new",
+    "maths"
  ],
  "pocket": [
    "logo",
@@ -3169,13 +3189,15 @@
    "rectangle",
    "aspect ratio",
    "16:9",
-    "horizontal"
+    "horizontal",
+    "shape"
  ],
  "rectangle-vertical": [
    "rectangle",
    "aspect ratio",
    "9:16",
-    "vertical"
+    "vertical",
+    "shape"
  ],
  "recycle": [
    "sustainability",
@@ -3211,7 +3233,8 @@
  ],
  "regex": [
    "search",
-    "text"
+    "text",
+    "code"
  ],
  "repeat": [
    "loop",
@@ -3479,7 +3502,8 @@
  ],
  "sigma": [
    "sum",
-    "calculate"
+    "calculate",
+    "maths"
  ],
  "signal": [
    "connection",
@@ -3644,7 +3668,8 @@
  "square": [
    "rectangle",
    "aspect ratio",
-    "1:1"
+    "1:1",
+    "shape"
  ],
  "star": [
    "bookmark",
@@ -3958,7 +3983,9 @@
    "park",
    "nature"
  ],
-  "trello": [],
+  "trello": [
+    "logo"
+  ],
  "trending-down": [
    "statistics"
  ],
@@ -3966,7 +3993,8 @@
    "statistics"
  ],
  "triangle": [
-    "delta"
+    "delta",
+    "shape"
  ],
  "trophy": [
    "prize",
@@ -3993,7 +4021,8 @@
    "display"
  ],
  "twitch": [
-    "logo"
+    "logo",
+    "social"
  ],
  "twitter": [
    "logo",
@@ -4237,7 +4266,8 @@
    "delete",
    "remove",
    "times",
-    "clear"
+    "clear",
+    "maths"
  ],
  "x-circle": [
    "cancel",
@@ -4245,7 +4275,8 @@
    "delete",
    "remove",
    "times",
-    "clear"
+    "clear",
+    "maths"
  ],
  "x-octagon": [
    "delete",
@@ -4253,7 +4284,8 @@
    "alert",
    "warning",
    "times",
-    "clear"
+    "clear",
+    "maths"
  ],
  "x-square": [
    "cancel",
@@ -4261,10 +4293,12 @@
    "delete",
    "remove",
    "times",
-    "clear"
+    "clear",
+    "maths"
  ],
  "youtube": [
    "logo",
+    "social",
    "video",
    "play"
  ],
Author	SHA1	Message	Date
Eric Fennis	a25f139953	add spline icon (#811 )	2022-10-24 18:54:16 +02:00
Ekow Baah-Nyarkoh	b457c8dea1	Make lucid-angular compatible with angular 14 (#835 ) * make lucid angular compatible with angular 14 * update pnpm-lock file	2022-10-24 18:39:44 +02:00
Christian Friedow	2e24567f8e	Docs: fix and extend the generic vue3 icon component example (#832 ) * docs: fix and extend the vue3 icon component example * docs: refactor the usage example to utilize script setup * fix: correct dashcase in property names	2022-10-23 18:30:39 +02:00
ANTARCTUS	9b90bc4d51	Better tags 1 (#827 ) * Update tags.json Add "logo" tag to the trello logo * Update tags.json Add "maths" tag * Update tags.json Add tag "logo" to chrome * Update tags.json Add the tag "shape" to "octogon", "triangle", "square" and "circle" * Update tags.json Add tag "shape" to diamond * Update tags.json Add tag "maths" to function * Update tags.json * Update tags.json Add "maths" to "circle slashed" * Update tags.json Remove the comma after the tag logo from trello	2022-10-23 18:29:43 +02:00
Lucide Bot	6fd0380e19	📦 Bump lucide package versions to 0.93.0	2022-10-23 12:19:23 +00:00