Add symbols (constant, variable etc…) icons (#1134 )

* Add `variable` icon * Add `constant` icon * Add `pi` (constant) icon * Update icons/pi.svg Co-authored-by: Jakob Guddas <github@jguddas.de> * Refine `pi` icon --------- Co-authored-by: Jakob Guddas <github@jguddas.de>
Improve circle-dot (radio button) metadata (#1243 )
2025-12-17 04:47:40 +01:00 · 2023-05-10 10:13:23 +02:00 · 2023-05-10 10:09:39 +02:00 · 2023-05-10 09:58:50 +02:00 · 2023-05-09 23:45:24 +02:00 · 2023-05-06 15:14:51 +02:00
25 changed files with 286 additions and 37 deletions
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -22,8 +22,78 @@ jobs:
        uses: tj-actions/changed-files@v35
        with:
          files: icons/*.svg
-      - name: Generate comment
-        id: generate-comment
+      - name: Generate cohesion check random
+        id: generate-cohesion-check-random
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in $(printf "%s\\n" icons/*.svg | shuf | head -n$(awk -F' ' '{print NF}' <<< '${{ steps.changed-files.outputs.all_changed_files }}')); do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate cohesion check squares
+        id: generate-cohesion-check-squares
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in $(printf "%s\\n" icons/*square*.svg | shuf | head -n$(awk -F' ' '{print NF}' <<< '${{ steps.changed-files.outputs.all_changed_files }}')); do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate 1px stroke-width
+        id: generate-1px-stroke-width
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/1/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate 2px stroke-width
+        id: generate-2px-stroke-width
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/2/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate 3px stroke-width
+        id: generate-3px-stroke-width
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          echo "body<<$delimiter" >> $GITHUB_OUTPUT
+          for file in ${{ steps.changed-files.outputs.all_changed_files }}; do
+            cat "$file" | # get file content
+            tr '\n' ' ' | # remove line breaks
+            sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
+            base64 -w 0 | # encode svg
+            sed "s|.*|<img title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/stroke-width/3/&.svg\"/> |"
+          done | tr '\n' ' ' >> $GITHUB_OUTPUT
+          echo >> $GITHUB_OUTPUT
+          echo "$delimiter" >> $GITHUB_OUTPUT
+      - name: Generate X-rays
+        id: generate-x-rays
        run: |
          delimiter="$(openssl rand -hex 8)"
          echo "body<<$delimiter" >> $GITHUB_OUTPUT
@@ -50,8 +120,21 @@ jobs:
          issue-number: ${{ github.event.pull_request.number }}
          body: |
            ### Added or changed icons
+            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            <details>
+            <summary>Preview cohesion</summary>
+            ${{ steps.generate-cohesion-check-squares.outputs.body }}<br/>
+            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            ${{ steps.generate-cohesion-check-random.outputs.body }}<br/>
+            </details>
+            <details>
+            <summary>Preview stroke widths</summary>
+            ${{ steps.generate-1px-stroke-width.outputs.body }}<br/>
+            ${{ steps.generate-2px-stroke-width.outputs.body }}<br/>
+            ${{ steps.generate-3px-stroke-width.outputs.body }}<br/>
+            </details>
            <details>
            <summary>Icon X-rays</summary>
-            ${{ steps.generate-comment.outputs.body }}
+            ${{ steps.generate-x-rays.outputs.body }}
            </details>
          edit-mode: replace
--- a/icons/case-lower.svg
+++ b/icons/case-lower.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <circle cx="17" cy="12" r="3" />
-  <line x1="14" x2="14" y1="7" y2="15" />
  <circle cx="7" cy="12" r="3" />
-  <line x1="10" x2="10" y1="9" y2="15" />
+  <path d="M10 9v6" />
+  <circle cx="17" cy="12" r="3" />
+  <path d="M14 7v8" />
 </svg>
--- a/icons/case-sensitive.svg
+++ b/icons/case-sensitive.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polyline points="3,15 7,7 11,15" />
-  <line x1="4" x2="10" y1="13" y2="13" />
+  <path d="m3 15 4-8 4 8" />
+  <path d="M4 13h6" />
  <circle cx="18" cy="12" r="3" />
-  <line x1="21" x2="21" y1="9" y2="15" />
+  <path d="M21 9v6" />
 </svg>
--- a/icons/case-upper.svg
+++ b/icons/case-upper.svg
@@ -9,8 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polyline points="3,15 7,7 11,15" />
-  <line x1="4" x2="10" y1="13" y2="13" />
-  <path d="M15 7h4c1.1 0 2 .9 2 2s-.9 2-2 2h-4V7z" />
-  <path d="M15 11h4.5c1.1 0 2 .9 2 2s-.9 2-2 2H15v-4z" />
+  <path d="m3 15 4-8 4 8" />
+  <path d="M4 13h6" />
+  <path d="M15 11h4.5a2 2 0 0 1 0 4H15V7h4a2 2 0 0 1 0 4" />
 </svg>
--- a/icons/circle-dot.json
+++ b/icons/circle-dot.json
@@ -4,7 +4,11 @@
    "pending",
    "dot",
    "progress",
-    "issue"
+    "issue",
+    "radio button",
+    "choices",
+    "multiple choice",
+    "choose"
  ],
  "categories": [
    "shapes"
--- a/icons/layout-dashboard.svg
+++ b/icons/layout-dashboard.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect width="7" height="9" x="3" y="3" />
-  <rect width="7" height="5" x="14" y="3" />
-  <rect width="7" height="9" x="14" y="12" />
-  <rect width="7" height="5" x="3" y="16" />
+  <rect width="7" height="9" x="3" y="3" rx="1" />
+  <rect width="7" height="5" x="14" y="3" rx="1" />
+  <rect width="7" height="9" x="14" y="12" rx="1" />
+  <rect width="7" height="5" x="3" y="16" rx="1" />
 </svg>
--- a/icons/layout-grid.svg
+++ b/icons/layout-grid.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect width="7" height="7" x="3" y="3" />
-  <rect width="7" height="7" x="14" y="3" />
-  <rect width="7" height="7" x="14" y="14" />
-  <rect width="7" height="7" x="3" y="14" />
+  <rect width="7" height="7" x="3" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="14" rx="1" />
+  <rect width="7" height="7" x="3" y="14" rx="1" />
 </svg>
--- a/icons/layout-list.svg
+++ b/icons/layout-list.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <rect width="7" height="7" x="3" y="14" />
-  <rect width="7" height="7" x="3" y="3" />
+  <rect width="7" height="7" x="3" y="14" rx="1" />
+  <rect width="7" height="7" x="3" y="3" rx="1" />
  <line x1="14" x2="21" y1="4" y2="4" />
  <line x1="14" x2="21" y1="9" y2="9" />
  <line x1="14" x2="21" y1="15" y2="15" />
--- a/icons/layout-panel-left.json
+++ b/icons/layout-panel-left.json
@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "app",
+    "home",
+    "start",
+    "grid"
+  ],
+  "categories": [
+    "design",
+    "layout"
+  ]
+}
--- a/icons/layout-panel-left.svg
+++ b/icons/layout-panel-left.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"
+>
+  <rect width="7" height="18" x="3" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="3" rx="1" />
+  <rect width="7" height="7" x="14" y="14" rx="1" />
+</svg>
--- a/icons/layout-panel-top.json
+++ b/icons/layout-panel-top.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "window",
+    "webpage",
+    "block",
+    "section",
+    "grid",
+    "template",
+    "structure"
+  ],
+  "categories": [
+    "layout"
+  ]
+}
--- a/icons/layout-panel-top.svg
+++ b/icons/layout-panel-top.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"
+>
+  <rect width="18" height="7" x="3" y="3" rx="1" />
+  <rect width="7" height="7" x="3" y="14" rx="1" />
+  <rect width="7" height="7" x="14" y="14" rx="1" />
+</svg>
--- a/icons/layout-template.svg
+++ b/icons/layout-template.svg
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M21 3H3v7h18V3z" />
-  <path d="M21 14h-5v7h5v-7z" />
-  <path d="M12 14H3v7h9v-7z" />
+  <rect width="18" height="7" x="3" y="3" rx="1" />
+  <rect width="9" height="7" x="3" y="14" rx="1" />
+  <rect width="5" height="7" x="16" y="14" rx="1" />
 </svg>
--- a/icons/pi.json
+++ b/icons/pi.json
@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "constant",
+    "code",
+    "coding",
+    "programming",
+    "symbol",
+    "trigonometry",
+    "geometry",
+    "formula"
+  ],
+  "categories": [
+    "development",
+    "maths",
+    "shapes"
+  ]
+}
--- a/icons/pi.svg
+++ b/icons/pi.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"
+>
+  <line x1="9" x2="9" y1="4" y2="20" />
+  <path d="M4 7c0-1.7 1.3-3 3-3h13" />
+  <path d="M18 20c-1.7 0-3-1.3-3-3V4" />
+</svg>
--- a/icons/sigma.json
+++ b/icons/sigma.json
@@ -4,7 +4,9 @@
    "sum",
    "calculate",
    "formula",
-    "maths"
+    "maths",
+    "enumeration",
+    "enumerate"
  ],
  "categories": [
    "text",
--- a/icons/space.svg
+++ b/icons/space.svg
@@ -9,5 +9,5 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <polyline points="22,17 22,19 2,19 2,17" />
+  <path d="M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1" />
 </svg>
--- a/icons/sparkles.json
+++ b/icons/sparkles.json
@@ -1,10 +1,10 @@
 {
  "$schema": "../icon.schema.json",
  "tags": [
+    "stars",
    "effect",
    "filter",
    "night",
-    "sparkles",
    "magic"
  ],
  "categories": [
@@ -13,5 +13,8 @@
    "multimedia",
    "gaming",
    "weather"
+  ],
+  "aliases": [
+    "stars"
  ]
 }
--- a/icons/sparkles.svg
+++ b/icons/sparkles.svg
--- a/icons/triangle.json
+++ b/icons/triangle.json
@@ -1,8 +1,11 @@
 {
  "$schema": "../icon.schema.json",
  "tags": [
+    "equilateral",
    "delta",
-    "shape"
+    "shape",
+    "pyramid",
+    "hierarchy"
  ],
  "categories": [
    "shapes"
--- a/icons/variable.json
+++ b/icons/variable.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "code",
+    "coding",
+    "programming",
+    "symbol",
+    "calculate",
+    "algebra",
+    "x",
+    "parentheses",
+    "parenthesis",
+    "brackets"
+  ],
+  "categories": [
+    "development",
+    "maths"
+  ]
+}
--- a/icons/variable.svg
+++ b/icons/variable.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="M8 21s-4-3-4-9 4-9 4-9" />
+  <path d="M16 3s4 3 4 9-4 9-4 9" />
+  <line x1="15" x2="9" y1="9" y2="15" />
+  <line x1="9" x2="15" y1="9" y2="15" />
+</svg>
--- a/icons/whole-word.svg
+++ b/icons/whole-word.svg
@@ -9,9 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <circle cx="17" cy="12" r="3" />
-  <line x1="14" x2="14" y1="7" y2="15" />
  <circle cx="7" cy="12" r="3" />
-  <line x1="10" x2="10" y1="9" y2="15" />
-  <polyline points="22,17 22,19 2,19 2,17" />
+  <path d="M10 9v6" />
+  <circle cx="17" cy="12" r="3" />
+  <path d="M14 7v8" />
+  <path d="M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1" />
 </svg>
--- a/packages/lucide-angular/package.json
+++ b/packages/lucide-angular/package.json
@@ -77,7 +77,7 @@
    "zone.js": "~0.11.4"
  },
  "peerDependencies": {
-    "@angular/common": "13.x - 15.x",
-    "@angular/core": "13.x - 15.x"
+    "@angular/common": "13.x - 16.x",
+    "@angular/core": "13.x - 16.x"
  }
 }
--- a/site/src/pages/api/gh-icon/stroke-width/[...data].tsx
+++ b/site/src/pages/api/gh-icon/stroke-width/[...data].tsx
@@ -0,0 +1,29 @@
+import { parseSync } from 'svgson';
+import { createLucideIcon, IconNode } from 'lucide-react';
+
+export default async function handler(req, res) {
+  // ReactDOMServer needs to be imported dynamically
+  // https://github.com/vercel/next.js/issues/43810
+  const ReactDOMServer = (await import('react-dom/server')).default;
+
+  const url = req.url.split('/');
+  const src = Buffer.from(url.at(-1).slice(0, -4), 'base64').toString('utf8');
+
+  const Icon = createLucideIcon(
+    'icon',
+    parseSync(src.includes('<svg') ? src : `<svg>${src}</svg>`).children.map(
+      ({ name, attributes }) => [name, attributes]
+    ) as IconNode
+  );
+
+  const svg = Buffer.from(
+    ReactDOMServer.renderToString(<Icon strokeWidth={url.at(-2)} />).replace(
+      />/,
+      '><style>@media screen and (prefers-color-scheme: dark) { svg { stroke: #fff } }</style>'
+    )
+  );
+
+  res.setHeader('Cache-Control', 'public,max-age=31536000');
+  res.setHeader('Content-Type', 'image/svg+xml');
+  res.status(200).end(svg);
+}
Author	SHA1	Message	Date
Daniel Bayley	25d7b55459	Add symbols (`constant`, `variable` etc…) icons (#1134 ) * Add `variable` icon * Add `constant` icon * Add `pi` (constant) icon * Update icons/pi.svg Co-authored-by: Jakob Guddas <github@jguddas.de> * Refine `pi` icon --------- Co-authored-by: Jakob Guddas <github@jguddas.de>	2023-05-10 10:13:23 +02:00
Daniel Bayley	4d8a8091b6	Improve `circle-dot` (radio button) metadata (#1243 )	2023-05-10 10:09:39 +02:00
Daniel Bayley	a17c1aafbd	Improve `sigma` metadata (#1245 )	2023-05-10 09:58:50 +02:00
Daniel Bayley	d1d6eec36e	Improve `triangle` metadata (#1240 )	2023-05-09 23:45:24 +02:00
Daniel Bayley	abec311bc9	Optimise/refine `case-`/`word`/`space` icons (#1217 ) Optimise `case-` icons Optimise `whole-word`/`space` icons * Refine `whole-word`/`space` icons	2023-05-06 15:14:51 +02:00
Karsa	3df9be04a8	Renames stars to sparkles (#1221 ) Co-authored-by: Karsa <karsa@karsa.org>	2023-05-06 15:12:21 +02:00
Jakob Guddas	016c9d1fac	feat: added 100% preview with different stroke widths and in context with other icons (#1180 ) * feat: added 100% preview with different stroke widths * feat: added 100% preview with different stroke widths * fix: fixed detail section issue * fix: added lost detail section * feat: added cohesion preview	2023-05-06 15:02:52 +02:00
Daniel Bayley	17f9509f71	Add/optimise `layout-` alternate icons (#1184 ) Optimise `layout-template` * Add `layout-grid` alternate icon * Add `layout-template` alternate icon` * Refine `layout-` icons Refine `layout-` icons Rename `layout-grid-2` to `layout-panel-left` * Rename `layout-template-2` to `layout-panel-top`	2023-05-06 15:01:35 +02:00
Karsa	b6c7434e92	[lucide-angular] Adds support for ng@16.x (#1219 ) Co-authored-by: Karsa <karsa@karsa.org>	2023-05-06 07:27:43 +02:00