Fixes combined path rendering issues (#676 )

* Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Fixes combined path rendering bugs Co-authored-by: Karsa <karsa@karsa.org>
contact.svg - Remove "class" property to fix Typescript error (#681 )
2025-12-17 13:27:43 +01:00 · 2022-05-25 20:17:19 +02:00 · 2022-05-25 20:16:33 +02:00 · 2022-05-22 09:52:26 +00:00 · 2022-05-22 11:45:25 +02:00 · 2022-05-22 09:11:38 +00:00
67 changed files with 686 additions and 93 deletions
--- a/icons/alarm-clock-off.svg
+++ b/icons/alarm-clock-off.svg
@@ -9,7 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M19.94 14A8 8 0 0 0 10 5.25m8.13 12.89A8 8 0 1 1 6.87 6.86" />
+  <path d="M6.87 6.87a8 8 0 1 0 11.26 11.26" />
+  <path d="M19.9 14.25A7.44 7.44 0 0 0 20 13a8 8 0 0 0-8-8 7.44 7.44 0 0 0-1.25.1" />
  <path d="m22 6-3-3" />
  <path d="m6 19-2 2" />
  <path d="m2 2 20 20" />
--- a/icons/bar-chart-3.svg
+++ b/icons/bar-chart-3.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="M2 2v20h20" />
+  <path d="M17 18V9" />
+  <path d="M12 18V4" />
+  <path d="M7 18v-4" />
+</svg>
--- a/icons/bar-chart-4.svg
+++ b/icons/bar-chart-4.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="M2 2v20h20" />
+  <path d="M12 18V9" />
+  <path d="M17 18V4" />
+  <path d="M7 18v-4" />
+</svg>
--- a/icons/bar-chart-horizontal.svg
+++ b/icons/bar-chart-horizontal.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="M2 2V22H22" />
+  <path d="M6 17L15 17" />
+  <path d="M6 12L20 12" />
+  <path d="M6 7L10 7" />
+</svg>
--- a/icons/bath.svg
+++ b/icons/bath.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="M9 6 6.5 3.5a1.5 1.5 0 0 0-1-.5C4.683 3 4 3.683 4 4.5V17a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5" />
+  <line x1="10" y1="5" x2="8" y2="7" />
+  <line x1="2" y1="12" x2="22" y2="12" />
+  <line x1="7" y1="19" x2="7" y2="21" />
+  <line x1="17" y1="19" x2="17" y2="21" />
+</svg>
--- a/icons/battery-charging.svg
+++ b/icons/battery-charging.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M14 7h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-3" />
-  <path d="M7 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" />
-  <polyline points="11 7 8 12 12 12 9 17" />
+  <path d="M15 7h1a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2" />
+  <path d="M6 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1" />
+  <path d="m11 7-3 5h4l-3 5" />
  <line x1="22" x2="22" y1="11" y2="13" />
 </svg>
--- a/icons/battery-full.svg
+++ b/icons/battery-full.svg
@@ -11,7 +11,7 @@
 >
  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />
  <line x1="22" x2="22" y1="11" y2="13" />
-  <line x1="6" x2="6" y1="10" y2="14" />
-  <line x1="10" x2="10" y1="10" y2="14" />
-  <line x1="14" x2="14" y1="10" y2="14" />
+  <line x1="6" x2="6" y1="11" y2="13" />
+  <line x1="10" x2="10" y1="11" y2="13" />
+  <line x1="14" x2="14" y1="11" y2="13" />
 </svg>
--- a/icons/battery-low.svg
+++ b/icons/battery-low.svg
@@ -11,5 +11,5 @@
 >
  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />
  <line x1="22" x2="22" y1="11" y2="13" />
-  <line x1="6" x2="6" y1="10" y2="14" />
+  <line x1="6" x2="6" y1="11" y2="13" />
 </svg>
--- a/icons/battery-medium.svg
+++ b/icons/battery-medium.svg
@@ -11,6 +11,6 @@
 >
  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />
  <line x1="22" x2="22" y1="11" y2="13" />
-  <line x1="6" x2="6" y1="10" y2="14" />
-  <line x1="10" x2="10" y1="10" y2="14" />
+  <line x1="6" x2="6" y1="11" y2="13" />
+  <line x1="10" x2="10" y1="11" y2="13" />
 </svg>
--- a/icons/binary.svg
+++ b/icons/binary.svg
@@ -9,8 +9,10 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M10 4H6v6h4V4z" />
-  <path d="M18 14h-4v6h4v-6z" />
-  <path d="M14 4h2v6m-2 0h4" />
-  <path d="M6 14h2v6m-2 0h4" />
+  <path d="M6 20h4" />
+  <path d="M14 10h4" />
+  <path d="M6 14h2v6" />
+  <path d="M14 4h2v6" />
+  <rect x="6" y="4" width="4" height="6" />
+  <rect x="14" y="14" width="4" height="6" />
 </svg>
--- a/icons/bus.svg
+++ b/icons/bus.svg
@@ -9,7 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M19 17h2l.64-2.54a6 6 0 0 0 0-2.92l-1.07-4.27A3 3 0 0 0 17.66 5H4a2 2 0 0 0-2 2v10h2m10 0h-4" />
+  <path d="M19 17h2l.64-2.54c.24-.959.24-1.962 0-2.92l-1.07-4.27A3 3 0 0 0 17.66 5H4a2 2 0 0 0-2 2v10h2" />
+  <path d="M14 17H9" />
  <circle cx="6.5" cy="17.5" r="2.5" />
  <circle cx="16.5" cy="17.5" r="2.5" />
 </svg>
--- a/icons/camera-off.svg
+++ b/icons/camera-off.svg
@@ -10,6 +10,7 @@
  stroke-linejoin="round"
 >
  <line x1="2" y1="2" x2="22" y2="22" />
-  <path d="M9.5 4h5L17 7h3a2 2 0 0 1 2 2v7.5M7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16" />
+  <path d="M7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16" />
+  <path d="M9.5 4h5L17 7h3a2 2 0 0 1 2 2v7.5" />
  <path d="M14.121 15.121A3 3 0 1 1 9.88 10.88" />
 </svg>
--- a/icons/cast.svg
+++ b/icons/cast.svg
@@ -9,6 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6" />
+  <path d="M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6" />
+  <path d="M2 12a9 9 0 0 1 8 8" />
+  <path d="M2 16a5 5 0 0 1 4 4" />
  <line x1="2" y1="20" x2="2.01" y2="20" />
 </svg>
--- a/icons/chef-hat.svg
+++ b/icons/chef-hat.svg
@@ -0,0 +1,14 @@
+<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="M6 13.87A4 4 0 0 1 7.41 6a5.11 5.11 0 0 1 1.05-1.54 5 5 0 0 1 7.08 0A5.11 5.11 0 0 1 16.59 6 4 4 0 0 1 18 13.87V21H6Z" />
+  <line x1="6" y1="17" x2="18" y2="17" />
+</svg>
--- a/icons/clipboard-copy.svg
+++ b/icons/clipboard-copy.svg
@@ -9,7 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M16 4h2a2 2 0 0 1 2 2v4M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" />
+  <path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" />
+  <path d="M16 4h2a2 2 0 0 1 2 2v4" />
  <rect x="8" y="2" width="8" height="4" rx="1" ry="1" />
  <path d="M21 14H11" />
  <path d="m15 10-4 4 4 4" />
--- a/icons/cloud-lightning.svg
+++ b/icons/cloud-lightning.svg
@@ -9,6 +9,6 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M17.5 17a4.5 4.5 0 1 0 0-9h-1.8a7 7 0 1 0-10.3 8" />
-  <path d="m12 12-3 5h5l-3 5" />
+  <path d="m13 12-3 5h4l-3 5" />
+  <path d="M18 17a4.5 4.5 0 0 0-.5-9h-1.8a7.05 7.05 0 0 0-2-3.23A7 7 0 1 0 5.32 16a6.42 6.42 0 0 0 .68.37" />
 </svg>
--- a/icons/component.svg
+++ b/icons/component.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="M5.5 8.5 9 12l-3.5 3.5L2 12l3.5-3.5Z" />
+  <path d="m12 2 3.5 3.5L12 9 8.5 5.5 12 2Z" />
+  <path d="M18.5 8.5 22 12l-3.5 3.5L15 12l3.5-3.5Z" />
+  <path d="m12 15 3.5 3.5L12 22l-3.5-3.5L12 15Z" />
+</svg>
--- a/icons/contact.svg
+++ b/icons/contact.svg
@@ -11,7 +11,7 @@
 >
  <path d="M17 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/>
  <rect x="3" y="4" width="18" height="18" rx="2"/>
-  <circle class="cls-2" cx="12" cy="10" r="2"/>
+  <circle cx="12" cy="10" r="2"/>
  <line x1="8" y1="2" x2="8" y2="4"/>
  <line x1="16" y1="2" x2="16" y2="4"/>
 </svg>
--- a/icons/croissant.svg
+++ b/icons/croissant.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="m4.6 13.11 5.79-3.21c1.89-1.05 4.79 1.78 3.71 3.71l-3.22 5.81C8.8 23.16.79 15.23 4.6 13.11Z" />
+  <path d="m10.5 9.5-1-2.29C9.2 6.48 8.8 6 8 6H4.5C2.79 6 2 6.5 2 8.5a7.71 7.71 0 0 0 2 4.83" />
+  <path d="M8 6c0-1.55.24-4-2-4-2 0-2.5 2.17-2.5 4" />
+  <path d="m14.5 13.5 2.29 1c.73.3 1.21.7 1.21 1.5v3.5c0 1.71-.5 2.5-2.5 2.5a7.71 7.71 0 0 1-4.83-2" />
+  <path d="M18 16c1.55 0 4-.24 4 2 0 2-2.17 2.5-4 2.5" />
+</svg>
--- a/icons/delete.svg
+++ b/icons/delete.svg
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z" />
+  <path d="M20 5H9L2 12l7 7H20a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z" />
  <line x1="18" y1="9" x2="12" y2="15" />
  <line x1="12" y1="9" x2="18" y2="15" />
 </svg>
--- a/icons/dribbble.svg
+++ b/icons/dribbble.svg
@@ -10,5 +10,7 @@
  stroke-linejoin="round"
 >
  <circle cx="12" cy="12" r="10" />
-  <path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32" />
+  <path d="M19.13 5.09C15.22 9.14 10 10.44 2.25 10.94" />
+  <path d="M21.75 12.84c-6.62-1.41-12.14 1-16.38 6.32" />
+  <path d="M8.56 2.75c4.37 6 6 9.42 8 17.72" />
 </svg>
--- a/icons/factory.svg
+++ b/icons/factory.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="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
+  <path d="M17 18h1"  />
+  <path d="M12 18h1"  />
+  <path d="M7 18h1"  />
+</svg>
--- a/icons/flag-off.svg
+++ b/icons/flag-off.svg
@@ -10,6 +10,7 @@
  stroke-linejoin="round"
 >
  <path d="M8 2c3 0 5 2 8 2s4-1 4-1v11" />
-  <path d="M4 22v-7m0 0s1-1 4-1 5 2 8 2M4 15V4" />
+  <path d="M4 22V4" />
+  <path d="M4 15s1-1 4-1 5 2 8 2" />
  <line x1="2" y1="2" x2="22" y2="22" />
 </svg>
--- a/icons/fuel.svg
+++ b/icons/fuel.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"
+>
+  <line x1="3" y1="22" x2="15" y2="22" />
+  <line x1="4" y1="9" x2="14" y2="9" />
+  <path d="M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18" />
+  <path d="M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2h0a2 2 0 0 0 2-2V9.83a2 2 0 0 0-.59-1.42L18 5" />
+</svg>
--- a/icons/inspect.svg
+++ b/icons/inspect.svg
@@ -9,7 +9,6 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M19 11V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h7" />
-  <path d="m12 12 4.166 10 1.48-4.355L22 16.166 12 12z" />
-  <path d="m18 18 3 3" />
+  <path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" />
+  <path d="m12 12 4 10 1.7-4.3L22 16Z" />
 </svg>
--- a/icons/lightbulb-off.svg
+++ b/icons/lightbulb-off.svg
@@ -12,5 +12,6 @@
  <path d="M9 18h6" />
  <path d="M10 22h4" />
  <path d="m2 2 20 20" />
-  <path d="M8.91 14a4.61 4.61 0 0 0-1.41-2.5C6.23 10.23 6 9 6 8a6 6 0 0 1 .084-1M9 2.804A6 6 0 0 1 18 8a4.651 4.651 0 0 1-1.031 3" />
+  <path d="M9 2.804A6 6 0 0 1 18 8a4.65 4.65 0 0 1-1.03 3" />
+  <path d="M8.91 14a4.61 4.61 0 0 0-1.41-2.5C6.23 10.23 6 9 6 8a6 6 0 0 1 .084-1" />
 </svg>
--- a/icons/line-chart.svg
+++ b/icons/line-chart.svg
@@ -0,0 +1,14 @@
+<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="M2 2v20h20" />
+  <path d="m20 9-6 6-5-5-3 3" />
+</svg>
--- a/icons/link-2-off.svg
+++ b/icons/link-2-off.svg
@@ -9,7 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M15 7h2a5 5 0 0 1 4 8M9 17H7A5 5 0 0 1 7 7" />
+  <path d="M9 17H7A5 5 0 0 1 7 7" />
+  <path d="M15 7h2a5 5 0 0 1 4 8" />
  <line x1="8" y1="12" x2="12" y2="12" />
  <line x1="2" y1="2" x2="22" y2="22" />
 </svg>
--- a/icons/link-2.svg
+++ b/icons/link-2.svg
@@ -9,6 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M15 7h2a5 5 0 0 1 0 10h-2m-6 0H7A5 5 0 0 1 7 7h2" />
+  <path d="M9 17H7A5 5 0 0 1 7 7h2" />
+  <path d="M15 7h2a5 5 0 1 1 0 10h-2" />
  <line x1="8" y1="12" x2="16" y2="12" />
 </svg>
--- a/icons/magnet.svg
+++ b/icons/magnet.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="m6 15-4-4 6.75-6.77a7.79 7.79 0 0 1 11 11L13 22l-4-4 6.39-6.36a2.14 2.14 0 0 0-3-3L6 15" />
+  <path d="m5 8 4 4" />
+  <path d="m12 15 4 4" />
+</svg>
--- a/icons/map-pin-off.svg
+++ b/icons/map-pin-off.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="M5.43 5.43A8.06 8.06 0 0 0 4 10c0 6 8 12 8 12a29.94 29.94 0 0 0 5-5"/>
+  <path d="M19.18 13.52A8.66 8.66 0 0 0 20 10a8 8 0 0 0-8-8 7.88 7.88 0 0 0-3.52.82"/>
+  <path d="M9.13 9.13A2.78 2.78 0 0 0 9 10a3 3 0 0 0 3 3 2.78 2.78 0 0 0 .87-.13"/>
+  <path d="M14.9 9.25a3 3 0 0 0-2.15-2.16"/>
+  <line x1="2" y1="2" x2="22" y2="22" />
+</svg>
--- a/icons/maximize.svg
+++ b/icons/maximize.svg
@@ -9,5 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" />
+  <path d="M8 3H5a2 2 0 0 0-2 2v3" />
+  <path d="M21 8V5a2 2 0 0 0-2-2h-3" />
+  <path d="M3 16v3a2 2 0 0 0 2 2h3" />
+  <path d="M16 21h3a2 2 0 0 0 2-2v-3" />
 </svg>
--- a/icons/minimize.svg
+++ b/icons/minimize.svg
@@ -9,5 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" />
+  <path d="M8 3v3a2 2 0 0 1-2 2H3" />
+  <path d="M21 8h-3a2 2 0 0 1-2-2V3" />
+  <path d="M3 16h3a2 2 0 0 1 2 2v3" />
+  <path d="M16 21v-3a2 2 0 0 1 2-2h3" />
 </svg>
--- a/icons/navigation-2-off.svg
+++ b/icons/navigation-2-off.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="M9.31 9.31 5 21l7-4 7 4-1.17-3.17"/>
+  <path d="M14.53 8.88 12 2 10.83 5.17"/>
+  <line x1="2" y1="2" x2="22" y2="22" />
+</svg>
--- a/icons/navigation-off.svg
+++ b/icons/navigation-off.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="M8.43 8.43 3 11l8 2 2 8 2.57-5.43"/>
+  <path d="M17.39 11.73 22 2 12.27 6.61"/>
+  <line x1="2" y1="2" x2="22" y2="22" />
+</svg>
--- a/icons/phone-call.svg
+++ b/icons/phone-call.svg
@@ -9,5 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M14.05 6A5 5 0 0 1 18 10m-3.95-8a9 9 0 0 1 8 7.94m0 7v3a2 2 0 0 1-2 2h-.19a19.79 19.79 0 0 1-8.63-3.07 19.52 19.52 0 0 1-6-6 19.82 19.82 0 0 1-3.11-8.69A2 2 0 0 1 3.93 2h3.18a2 2 0 0 1 2 1.72 13 13 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 13 13 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
+  <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
+  <path d="M14.05 2a9 9 0 0 1 8 7.94" />
+  <path d="M14.05 6A5 5 0 0 1 18 10" />
 </svg>
--- a/icons/pipette.svg
+++ b/icons/pipette.svg
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="m2 22 2-2h3l7-7" />
-  <path d="M4 20v-3l7-7" />
-  <path d="M14.29 13.3a1 1 0 0 0 1.41 0l.8-.8c.27-.27.27-.72 0-1s-.28-.72 0-1l4.08-4.08a2 2 0 0 0 0-2.83l-.17-.17a2 2 0 0 0-2.83 0L13.5 7.51c-.28.27-.73.27-1 0s-.73-.28-1 0l-.8.79a1 1 0 0 0 0 1.41l3.59 3.59z" />
+  <path d="M2 22l1-1H6l9-9" />
+  <path d="M3 21V18l9-9" />
+  <path d="M21.37 5.63a2.12 2.12 0 0 0-3-3L15.58 5.42a1.05 1.05 0 0 1-1.5 0 1.07 1.07 0 0 0-1.5 0L11.25 6.75a1.07 1.07 0 0 0 0 1.5l4.5 4.5a1.07 1.07 0 0 0 1.5 0l1.33-1.33a1.07 1.07 0 0 0 0-1.5 1.05 1.05 0 0 1 0-1.5Z" />
 </svg>
--- a/icons/podcast.svg
+++ b/icons/podcast.svg
@@ -10,7 +10,7 @@
  stroke-linejoin="round"
 >
  <circle cx="12" cy="11" r="1" />
-  <path d="M17.03 18.46a9 9 0 1 0-10.02.03" />
-  <path d="M16.06 13.91a5 5 0 1 0-7.97.2" />
-  <path d="M11.11 17a.9.9 0 1 1 1.78 0l-.52 4.67a.37.37 0 0 1-.74 0l-.52-4.68z" />
+  <path d="M11 17a1 1 0 0 1 2 0c0 .5-.34 3-.5 4.5a.5.5 0 0 1-1 0c-.16-1.5-.5-4-.5-4.5Z" />
+  <path d="M8 14a5 5 0 1 1 8 0" />
+  <path d="M17 18.5a9 9 0 1 0-10 0" />
 </svg>
--- a/icons/power-off.svg
+++ b/icons/power-off.svg
@@ -9,7 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18.36 6.64A9 9 0 0 1 20.77 15M5.63 6.64A9 9 0 1 0 18.706 19" />
+  <path d="M18.36 6.64A9 9 0 0 1 20.77 15" />
+  <path d="M6.16 6.16a9 9 0 1 0 12.68 12.68" />
  <path d="M12 2v4" />
  <path d="m2 2 20 20" />
 </svg>
--- a/icons/radio.svg
+++ b/icons/radio.svg
@@ -10,5 +10,8 @@
  stroke-linejoin="round"
 >
  <circle cx="12" cy="12" r="2" />
-  <path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14" />
+  <path d="M4.93 19.07a10 10 0 0 1 0-14.14" />
+  <path d="M7.76 16.24a6 6 0 0 1-1.3-1.95 6 6 0 0 1 0-4.59 6 6 0 0 1 1.3-1.95" />
+  <path d="M16.24 7.76a6 6 0 0 1 1.3 2 6 6 0 0 1 0 4.59 6 6 0 0 1-1.3 1.95" />
+  <path d="M19.07 4.93a10 10 0 0 1 0 14.14" />
 </svg>
--- a/icons/redo-2.svg
+++ b/icons/redo-2.svg
@@ -0,0 +1,14 @@
+<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 14 5-5-5-5" />
+  <path d="M20 9H9.5A5.5 5.5 0 0 0 4 14.5v0A5.5 5.5 0 0 0 9.5 20H13" />
+</svg>
--- a/icons/scale.svg
+++ b/icons/scale.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="m16 16 3-8 3.001 8A5.002 5.002 0 0 1 16 16z" />
-  <path d="m2 16 3-8 3.001 8A5.002 5.002 0 0 1 2 16z" />
+  <path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z" />
+  <path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z" />
  <path d="M7 21h10" />
  <path d="M12 3v18" />
  <path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2" />
--- a/icons/shopping-cart.svg
+++ b/icons/shopping-cart.svg
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <circle cx="9" cy="21" r="1" />
+  <circle cx="8" cy="21" r="1" />
  <circle cx="19" cy="21" r="1" />
-  <path d="M2 2H4.5L7.62 14.49A2 2 0 0 0 9.56 16h8.88a2 2 0 0 0 1.94-1.51L22 8H6" />
+  <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" />
 </svg>
--- a/icons/star-off.svg
+++ b/icons/star-off.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="M8.34 8.34 2 9.27l5 4.87L5.82 21 12 17.77 18.18 21l-.59-3.43" />
+  <path d="M18.42 12.76 22 9.27l-6.91-1L12 2l-1.44 2.91" />
+  <line x1="2" y1="2" x2="22" y2="22" />
+</svg>
--- a/icons/sun-medium.svg
+++ b/icons/sun-medium.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="M12 16a4 4 0 100-8 4 4 0 000 8z" />
+  <path d="M12 3v1" />
+  <path d="M12 20v1" />
+  <path d="M3 12h1" />
+  <path d="M20 12h1" />
+  <path d="M18.364 5.636l-.707.707" />
+  <path d="M6.343 17.657l-.707.707" />
+  <path d="M5.636 5.636l.707.707" />
+  <path d="M17.657 17.657l.707.707" />
+</svg>
--- a/icons/sun-moon.svg
+++ b/icons/sun-moon.svg
@@ -0,0 +1,22 @@
+<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 16a4 4 0 100-8 4 4 0 000 8z" />
+  <path d="M16 12.386A3.136 3.136 0 0111.614 8" />
+  <path d="M12 2v2" />
+  <path d="M12 20v2" />
+  <path d="M5 5l1.5 1.5" />
+  <path d="M17.5 17.5L19 19" />
+  <path d="M2 12h2" />
+  <path d="M20 12h2" />
+  <path d="M5 19l1.5-1.5" />
+  <path d="M17.5 6.5L19 5" />
+</svg>
--- a/icons/sword.svg
+++ b/icons/sword.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"
+>
+  <polyline points="14.5 17.5 3 6 3 3 6 3 17.5 14.5" />
+  <line x1="13" y1="19" x2="19" y2="13" />
+  <line x1="16" y1="16" x2="20" y2="20" />
+  <line x1="19" y1="21" x2="21" y2="19" />
+</svg>
--- a/icons/swords.svg
+++ b/icons/swords.svg
@@ -0,0 +1,20 @@
+<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"
+>
+  <polyline points="14.5 17.5 3 6 3 3 6 3 17.5 14.5" />
+  <line x1="13" y1="19" x2="19" y2="13" />
+  <line x1="16" y1="16" x2="20" y2="20" />
+  <line x1="19" y1="21" x2="21" y2="19" />
+  <polyline points="14.5 6.5 18 3 21 3 21 6 17.5 9.5" />
+  <line x1="5" y1="14" x2="9" y2="18" />
+  <line x1="7" y1="17" x2="4" y2="20" />
+  <line x1="3" y1="19" x2="5" y2="21" />
+</svg>
--- a/icons/text-cursor-input.svg
+++ b/icons/text-cursor-input.svg
@@ -9,7 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M5.3 4h.9C7.7 4 9 5.3 9 6.7m0 0v10.5c0 1.6-1.1 2.7-2.7 2.7h-1M9 6.7v10.6a2.6 2.6 0 0 0 2.7 2.7h1M9 6.7C9 5.2 10.2 4 11.8 4h.9" />
-  <path d="M13.1 7.9h6.8c1.1 0 2.1 1 2.1 2.1v4c0 1.1-.9 2.1-2.1 2.1h-6.8" />
-  <path d="M4.8 16.1h-.7C3 16.1 2 15.1 2 14v-4c0-1.1 1-2.1 2.1-2.1h.7" />
+  <path d="M13 20h-1a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1" />
+  <path d="M5 4h1a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5" />
+  <path d="M13.1 7.9h6.8A2.18 2.18 0 0 1 22 10v4a2.11 2.11 0 0 1-2.1 2.1h-6.8" />
+  <path d="M4.8 16.1h-.7A2.18 2.18 0 0 1 2 14v-4a2.18 2.18 0 0 1 2.1-2.1h.7" />
 </svg>
--- a/icons/train.svg
+++ b/icons/train.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 x="4" y="3" width="16" height="16" rx="2"/>
+	<path d="M4 11h16M12 3v8"/>
+	<path d="M8 15h.01M16 15h.01M8 19l-2 3M18 22l-2-3"/>
+</svg>
--- a/icons/truck.svg
+++ b/icons/truck.svg
@@ -9,7 +9,9 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M10 17h4V5H2v12h3m15 0h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5v8h1" />
+  <path d="M10 17h4V5H2v12h3" />
+  <path d="M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5" />
+  <path d="M14 17h1" />
  <circle cx="7.5" cy="17.5" r="2.5" />
  <circle cx="17.5" cy="17.5" r="2.5" />
 </svg>
--- a/icons/undo-2.svg
+++ b/icons/undo-2.svg
@@ -0,0 +1,14 @@
+<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="M9 14 4 9l5-5" />
+  <path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v0a5.5 5.5 0 0 1-5.5 5.5H11" />
+</svg>
--- a/icons/venetian-mask.svg
+++ b/icons/venetian-mask.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="M2 12a5 5 0 0 0 5 5 8 8 0 0 1 5 2 8 8 0 0 1 5-2 5 5 0 0 0 5-5V7h-5a8 8 0 0 0-5 2 8 8 0 0 0-5-2H2Z"/>
+  <path d="M6 11c1.5 0 3 .5 3 2-2 0-3 0-3-2Z"/>
+  <path d="M18 11c-1.5 0-3 .5-3 2 2 0 3 0 3-2Z"/>
+</svg>
--- a/icons/volume-2.svg
+++ b/icons/volume-2.svg
@@ -10,5 +10,6 @@
  stroke-linejoin="round"
 >
  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
-  <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" />
+  <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" />
 </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.40.0",
+  "version": "0.48.0",
  "author": "SMAH1",
  "license": "ISC",
  "homepage": "https://lucide.dev",
--- 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.40.0
+version: 0.48.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.40.0",
+  "version": "0.48.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.40.0",
+  "version": "0.48.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.40.0",
+  "version": "0.48.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.40.0",
+  "version": "0.48.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.40.0",
+  "version": "0.48.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.40.0",
+  "version": "0.48.0",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
--- a/site/src/components/CustomizeIconContext.tsx
+++ b/site/src/components/CustomizeIconContext.tsx
@@ -1,4 +1,6 @@
-import { createContext, useState } from 'react';
+import { createContext, useRef, useState, MutableRefObject, useContext, useMemo } from 'react';
+
+type IconsRef = Record<string, SVGSVGElement>;

 interface ICustomIconStyle {
  color: string;
@@ -8,13 +10,14 @@ interface ICustomIconStyle {
  size: number;
  setSize: (n: number) => void;
  resetStyle: () => void;
+  iconsRef: MutableRefObject<IconsRef>;
 }

 const DEFAULT_STYLE = {
  color: 'currentColor',
  strokeWidth: 2,
  size: 24,
-}
+};

 export const IconStyleContext = createContext<ICustomIconStyle>({
  color: 'currentColor',
@@ -23,25 +26,43 @@ export const IconStyleContext = createContext<ICustomIconStyle>({
  setStroke: (n: number) => null,
  size: 24,
  setSize: (n: number) => null,
-  resetStyle: () => null
+  resetStyle: () => null,
+  iconsRef: { current: {} },
 });

-export function CustomizeIconContext({ children }) {
+export function CustomizeIconContext({ children }): JSX.Element {
+  const iconsRef = useRef<IconsRef>({});
  const [color, setColor] = useState(DEFAULT_STYLE.color);
  const [stroke, setStroke] = useState(DEFAULT_STYLE.strokeWidth);
  const [size, setSize] = useState(DEFAULT_STYLE.size);

-  function resetStyle(){
+  function resetStyle() {
    setColor(DEFAULT_STYLE.color);
    setStroke(DEFAULT_STYLE.strokeWidth);
    setSize(DEFAULT_STYLE.size);
  }

-  return (
-    <IconStyleContext.Provider
-      value={{ color, setColor, strokeWidth: stroke, setStroke, size, setSize, resetStyle }}
-    >
-      {children}
-    </IconStyleContext.Provider>
+  const value = useMemo(
+    () => ({
+      color,
+      setColor,
+      strokeWidth: stroke,
+      setStroke,
+      size,
+      setSize,
+      resetStyle,
+      iconsRef,
+    }),
+    [color, setColor, stroke, setStroke, size, setSize, resetStyle, iconsRef],
  );
+
+  return <IconStyleContext.Provider value={value}>{children}</IconStyleContext.Provider>;
+}
+
+export function useCustomizeIconContext(): ICustomIconStyle {
+  const context = useContext(IconStyleContext);
+  if (context === undefined) {
+    throw new Error('useCustomizeIconContext must be used within a IconStyleContextProvider');
+  }
+  return context;
 }
--- a/site/src/components/Header.tsx
+++ b/site/src/components/Header.tsx
@@ -13,20 +13,49 @@ import AngularLogo from '../../public/framework-logos/angular.svg';
 import FlutterLogo from '../../public/framework-logos/flutter.svg';
 import SvelteLogo from '../../public/framework-logos/svelte.svg';
 import LaravelLogo from '../../public/framework-logos/laravel.svg';
+import { useState } from 'react';
+import { useCustomizeIconContext } from './CustomizeIconContext';
+import { IconEntity } from '../types';

-function generateZip(icons) {
+type IconContent = [icon: string, src:string]
+
+async function generateZip(icons: IconContent[]) {
  const zip = new JSZip();
-  Object.values(icons).forEach(icon =>
-    // @ts-ignore
-    zip.file(`${icon.name}.svg`, icon.src),
+
+  const addingZipPromises = icons.map(([name, src]) =>
+    zip.file(`${name}.svg`, src),
  );
+
+  await Promise.all(addingZipPromises)
+
  return zip.generateAsync({ type: 'blob' });
 }

-const Header = ({ data }) => {
+interface HeaderProps {
+  data: IconEntity[];
+}
+
+const Header = ({ data }: HeaderProps) => {
+  const [zippingIcons, setZippingIcons] = useState(false);
+  const { iconsRef } = useCustomizeIconContext();
+
  const downloadAllIcons = async () => {
-    const zip = await generateZip(data);
+    console.log(iconsRef);
+    setZippingIcons(true);
+
+    let iconEntries: IconContent[] = Object.entries(iconsRef.current).map(([name, svgEl]) => [
+      name,
+      svgEl.outerHTML,
+    ]);
+
+    // Fallback
+    if (iconEntries.length === 0) {
+      iconEntries = data.map(icon => [icon.name, icon.src]);
+    }
+
+    const zip = await generateZip(iconEntries);
    download(zip, 'lucide.zip');
+    setZippingIcons(false);
  };

  const repositoryUrl = 'https://github.com/lucide-icons/lucide';
@@ -76,7 +105,7 @@ const Header = ({ data }) => {
      name: 'lucide-laravel',
      Logo: LaravelLogo,
      href: 'https://github.com/mallardduck/blade-lucide-icons',
-    }
+    },
  ];

  return (
@@ -124,7 +153,13 @@ const Header = ({ data }) => {
      </Wrap>
      <Wrap marginTop={3} marginBottom={12} spacing="15px" justify="center">
        <WrapItem>
-          <Button leftIcon={<Download />} size="lg" onClick={downloadAllIcons}>
+          <Button
+            leftIcon={<Download />}
+            size="lg"
+            onClick={downloadAllIcons}
+            isLoading={zippingIcons}
+            loadingText="Creating zip.."
+          >
            Download all
          </Button>
        </WrapItem>
--- a/site/src/components/IconListItem.tsx
+++ b/site/src/components/IconListItem.tsx
@@ -1,8 +1,8 @@
-import { Box, Button, ButtonProps, Flex, Text, useToast } from '@chakra-ui/react';
+import { Button, ButtonProps, Flex, Text, useToast } from '@chakra-ui/react';
 import download from 'downloadjs';
 import copy from 'copy-to-clipboard';
-import { memo, useContext } from 'react';
-import { IconStyleContext } from './CustomizeIconContext';
+import { memo } from 'react';
+import { useCustomizeIconContext } from './CustomizeIconContext';
 import { IconWrapper } from './IconWrapper';

 interface IconListItemProps {
@@ -13,9 +13,9 @@ interface IconListItemProps {
  onClick?: ButtonProps['onClick'];
 }

-const IconListItem = ({ name, content, src, onClick }: IconListItemProps) => {
+const IconListItem = ({ name, content, onClick, src: svg }: IconListItemProps) => {
  const toast = useToast();
-  const { color, size, strokeWidth } = useContext(IconStyleContext);
+  const { color, size, strokeWidth, iconsRef } = useCustomizeIconContext();

  return (
    <Button
@@ -27,6 +27,7 @@ const IconListItem = ({ name, content, src, onClick }: IconListItemProps) => {
      position="relative"
      whiteSpace="normal"
      onClick={event => {
+        const src = iconsRef.current[name].outerHTML ?? svg
        if (event.shiftKey) {
          copy(src);
          toast({
@@ -54,6 +55,7 @@ const IconListItem = ({ name, content, src, onClick }: IconListItemProps) => {
            strokeWidth={strokeWidth}
            height={size}
            width={size}
+            ref={iconEl => (iconsRef.current[name] = iconEl)}
          />
        </Flex>
        <Flex flex={1} minHeight={10} align="center">
--- a/site/src/pages/icon/[iconName].tsx
+++ b/site/src/pages/icon/[iconName].tsx
@@ -4,7 +4,7 @@ import { getAllData, getData } from '../../lib/icons';
 import IconOverview from '../../components/IconOverview';
 import Layout from '../../components/Layout';
 import Header from '../../components/Header';
-import { useEffect, useMemo } from 'react';
+import { useMemo } from 'react';

 const IconPage = ({ icon, data }) => {
  const router = useRouter();
@@ -30,19 +30,15 @@ const IconPage = ({ icon, data }) => {
  };

  const currentIcon = useMemo(() => {
-    if(icon.name === router.query.iconName) {
-      return icon
+    if (icon.name === router.query.iconName) {
+      return icon;
    }
-    return getIcon(router.query.iconName)
-  }, [router.query])
+    return getIcon(router.query.iconName);
+  }, [router.query]);

  return (
    <Layout>
-      <IconDetailOverlay
-        key={currentIcon.name}
-        icon={currentIcon}
-        close={onClose}
-      />
+      <IconDetailOverlay key={currentIcon.name} icon={currentIcon} close={onClose} />
      <Header {...{ data }} />
      <IconOverview {...{ data }} />
    </Layout>
--- a/tags.json
+++ b/tags.json
@@ -317,11 +317,32 @@
    "diagram",
    "graph"
  ],
+  "bar-chart-3": [
+    "statistics",
+    "diagram",
+    "graph"
+  ],
+  "bar-chart-4": [
+    "statistics",
+    "diagram",
+    "graph"
+  ],
+  "bar-chart-horizontal": [
+    "statistics",
+    "diagram",
+    "graph"
+  ],
  "baseline": [
    "text",
    "format",
    "color"
  ],
+  "bath": [
+    "amenities",
+    "services",
+    "bathroom",
+    "shower"
+  ],
  "battery": [
    "power",
    "electricity"
@@ -530,6 +551,12 @@
  "check-square": [
    "done"
  ],
+  "chef-hat": [
+    "cooking",
+    "food",
+    "kitchen",
+    "restaurant"
+  ],
  "chevron-down": [
    "arrow"
  ],
@@ -797,6 +824,14 @@
    "travel",
    "direction"
  ],
+  "component": [
+    "design",
+    "element",
+    "group",
+    "module",
+    "part",
+    "symbol"
+  ],
  "contact": [
    "person",
    "user"
@@ -855,6 +890,12 @@
    "payment",
    "cc"
  ],
+  "croissant": [
+    "bakery",
+    "cooking",
+    "food",
+    "pastry"
+  ],
  "crop": [
    "photo",
    "image"
@@ -881,6 +922,7 @@
    "memory"
  ],
  "delete": [
+    "backspace",
    "remove"
  ],
  "dice-1": [
@@ -1014,6 +1056,14 @@
    "logo",
    "social"
  ],
+  "factory": [
+    "building",
+    "business",
+    "energy",
+    "industry",
+    "manufacture",
+    "sector"
+  ],
  "fast-forward": [
    "music"
  ],
@@ -1182,6 +1232,12 @@
    "sad",
    "emotion"
  ],
+  "fuel": [
+    "filling-station",
+    "gas",
+    "petrol",
+    "tank"
+  ],
  "function-square": [
    "programming",
    "code",
@@ -1411,6 +1467,8 @@
    "element",
    "mouse",
    "click",
+    "cursor",
+    "pointer",
    "box"
  ],
  "instagram": [
@@ -1505,6 +1563,11 @@
  "lightbulb-off": [
    "lights"
  ],
+  "line-chart": [
+    "statistics",
+    "diagram",
+    "graph"
+  ],
  "link": [
    "chain",
    "url"
@@ -1596,6 +1659,12 @@
    "exit",
    "auth"
  ],
+  "magnet": [
+    "horseshoe",
+    "lock",
+    "science",
+    "snap"
+  ],
  "mail": [
    "email",
    "message",
@@ -1612,6 +1681,12 @@
    "travel",
    "marker"
  ],
+  "map-pin-off": [
+    "location",
+    "navigation",
+    "travel",
+    "marker"
+  ],
  "maximize": [
    "fullscreen",
    "expand"
@@ -1776,9 +1851,24 @@
    "location",
    "travel"
  ],
+  "navigation-2-off": [
+    "location",
+    "travel"
+  ],
+  "navigation-off": [
+    "location",
+    "travel"
+  ],
  "network": [
    "tree"
  ],
+  "sun-moon": [
+    "night",
+    "light",
+    "moon",
+    "sun",
+    "brightness"
+  ],
  "octagon": [
    "stop"
  ],
@@ -1974,7 +2064,10 @@
    "quotation"
  ],
  "radio": [
-    "signal"
+    "signal",
+    "broadcast",
+    "connectivity",
+    "live"
  ],
  "radio-receiver": [
    "device",
@@ -1985,6 +2078,10 @@
    "undo",
    "history"
  ],
+  "redo-2": [
+    "undo",
+    "history"
+  ],
  "refresh-ccw": [
    "arrows",
    "reload"
@@ -2354,6 +2451,12 @@
    "review",
    "rating"
  ],
+  "star-off": [
+    "dislike",
+    "unlike",
+    "remove",
+    "unrate"
+  ],
  "stop-circle": [
    "media",
    "music"
@@ -2402,6 +2505,10 @@
    "evening",
    "night"
  ],
+  "sun-medium": [
+    "brightness",
+    "medium"
+  ],
  "superscript": [
    "text",
    "exponent"
@@ -2417,6 +2524,20 @@
    "front",
    "back"
  ],
+  "sword": [
+    "battle",
+    "challenge",
+    "game",
+    "war",
+    "weapon"
+  ],
+  "swords": [
+    "battle",
+    "challenge",
+    "game",
+    "war",
+    "weapon"
+  ],
  "table": [
    "sheet",
    "grid"
@@ -2522,6 +2643,12 @@
    "storm",
    "hurricane"
  ],
+  "train": [
+    "transport",
+    "metro",
+    "subway",
+    "underground"
+  ],
  "trash": [
    "garbage",
    "delete",
@@ -2585,6 +2712,10 @@
    "redo",
    "history"
  ],
+  "undo-2": [
+    "redo",
+    "history"
+  ],
  "unlink": [
    "url",
    "unchain",
@@ -2638,6 +2769,13 @@
    "group",
    "people"
  ],
+  "venetian-mask": [
+    "mask",
+    "masquerade",
+    "impersonate",
+    "secret",
+    "incognito"
+  ],
  "verified": [
    "check"
  ],
Author	SHA1	Message	Date
Karsa	2f29818018	Fixes combined path rendering issues (#676 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Fixes combined path rendering bugs Co-authored-by: Karsa <karsa@karsa.org>	2022-05-25 20:17:19 +02:00
Rolf	7a533afc1c	contact.svg - Remove "class" property to fix Typescript error (#681 ) The "class" produces the following error when importing the icon in react using lucide-react and Typescript: Warning: Invalid DOM property `class`. Did you mean `className`?	2022-05-25 20:16:33 +02:00
Lucide Bot	7f783e4370	📦 Bump lucide package versions to 0.48.0	2022-05-22 09:52:26 +00:00
Karsa	1c181c50fc	Added `magnet` (#652 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added magnet Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 11:45:25 +02:00
Lucide Bot	0e8b6d8478	📦 Bump lucide package versions to 0.47.0	2022-05-22 09:11:38 +00:00
Karsa	8e08185318	Added `fuel` (#656 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added fuel Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 11:04:28 +02:00
Karsa	6c1903d0b9	Added `star-off` (#662 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added star-off Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 11:03:30 +02:00
Karsa	89c4771137	Added `component` (#658 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added component Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 11:03:07 +02:00
Karsa	d1c8f2716b	Added `chef-hat` and `croissant` (#664 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added chef-hat * Added croissant * Slight visual improvements to croissant shape Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 11:02:45 +02:00
Yashu Mittal	b78e0f328f	feat: add `night-light` & `sun-medium` icon + tags (#628 ) * feat: add night-light & sun-medium icon + tags * feat: rename 'night-light' to 'sun-moon' icon * feat: add more tags to 'sun-moon' icon	2022-05-22 11:02:02 +02:00
Karsa	ee1fd46fa6	Added `bath` (#635 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added bath * Update tags.json Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: Karsa <karsa@karsa.org> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2022-05-22 11:00:44 +02:00
Karsa	01387c0dde	Added `sword` & `swords` (#646 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added sword & swords Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 11:00:10 +02:00
Karsa	2359ebcf7d	Adds further tags to `radio` (#677 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Adds further tags to Co-authored-by: Karsa <karsa@karsa.org>	2022-05-22 10:59:22 +02:00
Lucide Bot	1ebf50a848	📦 Bump lucide package versions to 0.46.0	2022-05-18 13:44:54 +00:00
delnyn	de27e452e6	Added the icons/train.svg file added the relevant tags in tags.json (#639 )	2022-05-18 15:36:18 +02:00
Karsa	366efe3e82	Added `venetian-mask` (#631 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added venetian-mask Co-authored-by: Karsa <karsa@karsa.org>	2022-05-18 15:35:44 +02:00
Karsa	acaedb41c1	Fixes `inspect` (#575 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Fixes inspect * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Complete redesign of inspect * Added cursor & pointer tag to inspect Co-authored-by: Karsa <karsa@karsa.org>	2022-05-18 15:35:11 +02:00
Karsa	78d3274b5b	Fixes `battery-charging` & `cloud-lightning` + `battery-` (#568 ) Fixes battery-charging * Fixes spark shape to be more consistent with icon set * Improves 100% of lightning shape + fixes battery icons Co-authored-by: Karsa <karsa@karsa.org>	2022-05-18 15:33:24 +02:00
Karsa	812cdb8f4a	Adds "backspace" to `delete` as a tag (#675 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Add backspace to delete as a tag Co-authored-by: Karsa <karsa@karsa.org>	2022-05-16 12:44:02 +02:00
Lucide Bot	0500d18d09	📦 Bump lucide package versions to 0.45.0	2022-05-14 18:53:28 +00:00
Eric Fennis	38c834bcda	Add customize icon in downloadAll (#663 )	2022-05-14 20:43:15 +02:00
Karsa	f3a1bba31d	Added alternate line/bar chart icons (#564 ) * Added alternate line/bar chart icons * Added charts to tags.json * Update bar-chart-3.svg * Update bar-chart-4.svg * Update bar-chart-horizontal.svg * Update line-chart.svg Co-authored-by: Karsa <karsa@karsa.org>	2022-05-14 20:42:27 +02:00
Karsa	ea82684178	Fixes `pipette` (#579 ) * Fixes pipette * Update pipette.svg Co-authored-by: Karsa <karsa@karsa.org>	2022-05-09 17:35:33 +02:00
Karsa	7e3d6a8121	Fixes `shopping-cart` (#653 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Fixes shopping-cart * Update shopping-cart.svg * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Adds slightly more visual weight to shopping-cart Co-authored-by: Karsa <karsa@karsa.org>	2022-05-09 17:35:05 +02:00
Karsa	2c35468403	Added `map-pin-off`, `navigation-off` & `navigation-off-2` (#647 ) * Added accessibility icon as per https://github.com/feathericons/feather/issues/633 * added newline to end of file * Updated icon to comply with design guidelines and more closely match accessibleicon.org * Added various location-off icons * Renamed navigation-off-2 => navigation-2-off Co-authored-by: Karsa <karsa@karsa.org>	2022-05-09 17:21:16 +02:00
Lennard Scheibel	96aec6562a	Add undo and redo alternative (#643 )	2022-05-09 17:14:24 +02:00
Karsa	aa8b23b12a	Fixes delete (#623 ) Co-authored-by: Karsa <karsa@karsa.org>	2022-05-09 17:12:31 +02:00
Lucide Bot	0d87ec28eb	📦 Bump lucide package versions to 0.42.0	2022-05-09 07:28:59 +00:00
Karsa	f8192b0999	Added factory icon (#558 ) * Added factory icon * slightly adjusted visual style to match lucide * Make factory more in line with other building icons * Slight adjustment to roof height * Even more drastic increase in size. * One more tiny change to roof shape * Added @ericfennis' suggestion Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: Karsa <karsa@karsa.org> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2022-05-09 09:21:13 +02:00
Lucide Bot	ef7b4fe014	📦 Bump lucide package versions to 0.41.0	2022-05-07 15:16:20 +00:00