Add ampersand icon (#1264)

* Add `ampersand` icon

* Add `ampersands` icon

* Refine `ampersand` icon

* Refine `ampersand` icons

* Update icons/ampersand.svg

---------

Co-authored-by: Karsa <contact@karsa.org>

docs/comparison.md

@@ -6,20 +6,20 @@ title: Comparison
 
 ## Lucide vs Feather Icons
 
-Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather).
+Lucide is a community-driven fork of [Feather Icons](https://github.com/feathericons/feather).
 
-It began after growing disaffection of the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned and not maintained actively. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
+The decision to create Lucide arose from growing dissatisfaction with the moderation of the Feather Icons project. With more than 300 open issues and over 100 open PRs, the Feather Icons project has been abandoned and is no longer actively maintained. Unfortunately, this means that numerous developers and designers have invested their time in contributing to Feather Icons without the possibility of their PRs being accepted.
 
-Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers.
+In an effort to expand the icon set while remaining true to the original minimalist design language, Lucide is driven by a community of developers and designers. We strive to grow together and maintain a faithful continuation of the project.
 
 ### Why should I choose Lucide over Feather Icons?
 
-- Lucide already expended the icon set by 130+ in less then a year. Lucide has over 500+ icon, feather sticks around 286 icons.
+- Lucide has expanded its icon set by 500+ in the last few years. Lucide now has over 1000 icons, while Feather has around 287 icons.
 - Well maintained code base.
 - Active community.
 
 ### Should I migrate to Lucide?
 
-That depends if you're fine with the icons from feather icons. If that is the case, it is maybe not the effort worth it.
-But if you keep wrestling and feel limited by the icons Feather provides you can consider to migrate.
-We didn't remove any icons when we forked, but there are some icons renamed.
+That depends on whether you're satisfied with the icons from Feather Icons. If that is the case, it may not be worth the effort.
+However, if you find yourself struggling and feeling limited by the icons provided by Feather, you can consider migrating.
+When we forked, we didn't remove any icons, but some icons have been renamed.

icons/ampersand.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "and",
+    "typography",
+    "operator",
+    "join",
+    "concatenate",
+    "code",
+    "&"
+  ],
+  "categories": [
+    "text",
+    "development"
+  ]
+}

icons/ampersand.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="M17.5 12c0 4.4-3.6 8-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13" />
+  <path d="M16 12h3" />
+</svg>

icons/ampersands.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "and",
+    "operator",
+    "then",
+    "code",
+    "&&"
+  ],
+  "categories": [
+    "text",
+    "development"
+  ]
+}

icons/ampersands.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="M10 17c-5-3-7-7-7-9a2 2 0 0 1 4 0c0 2.5-5 2.5-5 6 0 1.7 1.3 3 3 3 2.8 0 5-2.2 5-5" />
+  <path d="M22 17c-5-3-7-7-7-9a2 2 0 0 1 4 0c0 2.5-5 2.5-5 6 0 1.7 1.3 3 3 3 2.8 0 5-2.2 5-5" />
+</svg>

icons/club.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "shape",
+    "suit",
+    "playing",
+    "cards"
+  ],
+  "categories": [
+    "shapes",
+    "gaming"
+  ]
+}

icons/club.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="M17.28 9.05a5.5 5.5 0 1 0-10.56 0A5.5 5.5 0 1 0 12 17.66a5.5 5.5 0 1 0 5.28-8.6Z" />
+  <path d="M12 17.66L12 22" />
+</svg>

icons/diamond.json

@@ -5,9 +5,13 @@
     "rectangle",
     "oblique",
     "rhombus",
-    "shape"
+    "shape",
+    "suit",
+    "playing",
+    "cards"
   ],
   "categories": [
-    "shapes"
+    "shapes",
+    "gaming"
   ]
 }

icons/diamond.svg

@@ -9,12 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect
-    width="15.56"
-    height="15.56"
-    x="12"
-    y="1"
-    rx="2.41"
-    transform="rotate(45 12 1)"
-  />
+  <path d="M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z" />
 </svg>

icons/disc-2.json

@@ -2,12 +2,19 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "album",
+    "music",
     "vinyl",
     "record",
-    "music"
+    "cd",
+    "dvd",
+    "format",
+    "dj",
+    "spin",
+    "rotate",
+    "rpm"
   ],
   "categories": [
     "devices",
     "multimedia"
   ]
-}
+}

icons/disc-2.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <circle cx="12" cy="12" r="4" />
   <circle cx="12" cy="12" r="10" />
-  <line x1="12" y1="12" x2="12" y2="12.01"/>
+  <circle cx="12" cy="12" r="4" />
+  <path d="M12 12h.01" />
 </svg>

icons/disc-3.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "album",
+    "music",
+    "vinyl",
+    "record",
+    "cd",
+    "dvd",
+    "format",
+    "dj",
+    "spin",
+    "rotate",
+    "rpm"
+  ],
+  "categories": [
+    "devices",
+    "multimedia"
+  ]
+}

icons/disc-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"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M6 12c0-1.7.7-3.2 1.8-4.2" />
+  <circle cx="12" cy="12" r="2" />
+  <path d="M18 12c0 1.7-.7 3.2-1.8 4.2" />
+</svg>

icons/disc.json

@@ -2,9 +2,14 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "album",
+    "music",
     "cd",
     "dvd",
-    "music"
+    "format",
+    "dj",
+    "spin",
+    "rotate",
+    "rpm"
   ],
   "categories": [
     "devices",

icons/ferris-wheel.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "big wheel",
+    "daisy wheel",
+    "observation",
+    "attraction",
+    "entertainment",
+    "amusement park",
+    "theme park",
+    "funfair"
+  ],
+  "categories": [
+    "maps"
+  ]
+}

icons/ferris-wheel.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"
+>
+  <circle cx="12" cy="12" r="2" />
+  <path d="M12 2v4" />
+  <path d="m6.8 15-3.5 2" />
+  <path d="m20.7 7-3.5 2" />
+  <path d="M6.8 9 3.3 7" />
+  <path d="m20.7 17-3.5-2" />
+  <path d="m9 22 3-8 3 8" />
+  <path d="M8 22h8" />
+  <path d="M18 18.7a9 9 0 1 0-12 0" />
+</svg>

icons/heart.json

@@ -3,13 +3,17 @@
   "tags": [
     "like",
     "love",
-    "emotion"
+    "emotion",
+    "suit",
+    "playing",
+    "cards"
   ],
   "categories": [
     "medical",
     "social",
     "multimedia",
     "emoji",
-    "gaming"
+    "gaming",
+    "shapes"
   ]
 }

icons/history.json

@@ -8,7 +8,9 @@
     "timeline",
     "version",
     "time machine",
-    "backup"
+    "backup",
+    "rotate",
+    "ccw"
   ],
   "categories": [
     "arrows",

icons/history.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
+  <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/>
   <path d="M3 3v5h5" />
-  <path d="M3.05 13A9 9 0 1 0 6 5.3L3 8" />
   <path d="M12 7v5l4 2" />
 </svg>

icons/monitor-check.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "tv",
+    "screen",
+    "display",
+    "desktop",
+    "running",
+    "active",
+    "virtual machine",
+    "vm"
+  ],
+  "categories": [
+    "connectivity",
+    "devices",
+    "development"
+  ]
+}
+

icons/monitor-check.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="m9 10 2 2 4-4" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
+</svg>

icons/monitor-dot.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "tv",
+    "screen",
+    "display",
+    "desktop",
+    "running",
+    "active",
+    "virtual machine",
+    "vm"
+  ],
+  "categories": [
+    "connectivity",
+    "devices",
+    "development"
+  ]
+}

icons/monitor-dot.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"
+>
+  <circle cx="19" cy="6" r="3" />
+  <path d="M22 12v3a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
+</svg>

icons/monitor-down.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="20" height="14" x="2" y="3" rx="2" ry="2" />
-  <line x1="8" x2="16" y1="21" y2="21" />
-  <line x1="12" x2="12" y1="17" y2="21" />
   <path d="M12 13V7" />
   <path d="m15 10-3 3-3-3" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
 </svg>

icons/monitor-pause.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "tv",
+    "screen",
+    "display",
+    "desktop",
+    "video",
+    "movie",
+    "film",
+    "suspend",
+    "hibernate",
+    "boot",
+    "virtual machine",
+    "vm"
+  ],
+  "categories": [
+    "connectivity",
+    "devices",
+    "multimedia",
+    "development"
+  ]
+}

icons/monitor-pause.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="M10 13V7" />
+  <path d="M14 13V7" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
+</svg>

icons/monitor-play.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "tv",
+    "screen",
+    "display",
+    "desktop",
+    "video",
+    "movie",
+    "film",
+    "running",
+    "start",
+    "boot",
+    "virtual machine",
+    "vm"
+  ],
+  "categories": [
+    "connectivity",
+    "devices",
+    "multimedia",
+    "development"
+  ]
+}

icons/monitor-play.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="m10 7 5 3-5 3Z" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
+</svg>

icons/monitor-stop.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "tv",
+    "screen",
+    "display",
+    "desktop",
+    "video",
+    "movie",
+    "film",
+    "stop",
+    "shutdown",
+    "virtual machine",
+    "vm"
+  ],
+  "categories": [
+    "connectivity",
+    "devices",
+    "multimedia",
+    "development"
+  ]
+}

icons/monitor-stop.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"
+>
+  <rect x="9" y="7" width="6" height="6" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
+</svg>

icons/monitor-up.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="20" height="14" x="2" y="3" rx="2" ry="2" />
-  <line x1="8" x2="16" y1="21" y2="21" />
-  <line x1="12" x2="12" y1="17" y2="21" />
-  <path d="M12 13V7" />
   <path d="m9 10 3-3 3 3" />
+  <path d="M12 13V7" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
 </svg>

icons/monitor-x.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "tv",
+    "screen",
+    "display",
+    "desktop",
+    "virtual machine",
+    "vm",
+    "close",
+    "stop",
+    "suspend",
+    "remove",
+    "delete"
+  ],
+  "categories": [
+    "connectivity",
+    "devices",
+    "development"
+  ]
+}

icons/monitor-x.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="m14.5 12.5-5-5" />
+  <path d="m9.5 12.5 5-5" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
+  <path d="M12 17v4" />
+  <path d="M8 21h8" />
+</svg>

icons/monitor.json

@@ -3,10 +3,13 @@
   "tags": [
     "tv",
     "screen",
-    "display"
+    "display",
+    "virtual machine",
+    "vm"
   ],
   "categories": [
     "connectivity",
-    "devices"
+    "devices",
+    "development"
   ]
 }

icons/monitor.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="20" height="14" x="2" y="3" rx="2" ry="2" />
+  <rect width="20" height="14" x="2" y="3" rx="2" />
   <line x1="8" x2="16" y1="21" y2="21" />
   <line x1="12" x2="12" y1="17" y2="21" />
 </svg>

icons/mouse.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="12" height="18" x="6" y="3" rx="6" />
-  <path d="M12 7v4" />
+  <rect x="5" y="2" width="14" height="20" rx="7" />
+  <path d="M12 6v4" />
 </svg>

icons/move-down-left.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-down-left.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="M11 19H5V13" />
+  <path d="M19 5L5 19" />
+</svg>

icons/move-down-right.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-down-right.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="M19 13V19H13" />
+  <path d="M5 5L19 19" />
+</svg>

icons/move-down.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction",
+    "downwards",
+    "south"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-down.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="M8 18L12 22L16 18" />
+  <path d="M12 2V22" />
+</svg>

icons/move-left.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction",
+    "back",
+    "west"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-left.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 8L2 12L6 16" />
+  <path d="M2 12H22" />
+</svg>

icons/move-right.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction",
+    "trend flat",
+    "east"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-right.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="M18 8L22 12L18 16" />
+  <path d="M2 12H22" />
+</svg>

icons/move-up-left.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-up-left.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="M5 11V5H11" />
+  <path d="M5 5L19 19" />
+</svg>

icons/move-up-right.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-up-right.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="M13 5H19V11" />
+  <path d="M19 5L5 19" />
+</svg>

icons/move-up.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "arrow",
+    "direction",
+    "upwards",
+    "north"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/move-up.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="M8 6L12 2L16 6" />
+  <path d="M12 2V22" />
+</svg>

icons/pi-square.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "constant",
+    "code",
+    "coding",
+    "programming",
+    "symbol",
+    "trigonometry",
+    "geometry",
+    "formula"
+  ],
+  "categories": [
+    "development",
+    "maths",
+    "shapes"
+  ]
+}

icons/pi-square.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"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <path d="M7 7h10" />
+  <path d="M10 7v10" />
+  <path d="M16 17a2 2 0 0 1-2-2V7" />
+</svg>

icons/pilcrow-square.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "paragraph",
+    "mark",
+    "paraph",
+    "blind",
+    "typography",
+    "type",
+    "text",
+    "prose",
+    "symbol"
+  ],
+  "categories": [
+    "text"
+  ]
+}

icons/pilcrow-square.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"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <path d="M12 12H9.5a2.5 2.5 0 0 1 0-5H17" />
+  <path d="M12 7v10" />
+  <path d="M16 7v10" />
+</svg>

icons/pilcrow.json

@@ -7,7 +7,9 @@
     "blind",
     "typography",
     "type",
-    "text"
+    "text",
+    "prose",
+    "symbol"
   ],
   "categories": [
     "text"

icons/play-square.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "music",
+    "audio",
+    "video",
+    "start",
+    "run"
+  ],
+  "categories": [
+    "arrows",
+    "multimedia"
+  ]
+}

icons/play-square.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"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <path d="m9 8 6 4-6 4Z" />
+</svg>

icons/play.json

@@ -2,6 +2,8 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "music",
+    "audio",
+    "video",
     "start",
     "run"
   ],

icons/radar.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "scan",
+    "sonar",
+    "detect",
+    "find",
+    "locate"
+  ],
+  "categories": [
+    "navigation",
+    "maps",
+    "security",
+    "communication"
+  ]
+}

icons/radar.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"
+>
+  <path d="M19.07 4.93A10 10 0 0 0 6.99 3.34" />
+  <path d="M4 6h.01" />
+  <path d="M2.29 9.62A10 10 0 1 0 21.31 8.35" />
+  <path d="M16.24 7.76A6 6 0 1 0 8.23 16.67" />
+  <path d="M12 18h.01" />
+  <path d="M17.99 11.66A6 6 0 0 1 15.77 16.67" />
+  <circle cx="12" cy="12" r="2" />
+  <path d="m13.41 10.59 5.66-5.66" />
+</svg>

icons/refresh-ccw.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M3 2v6h6" />
-  <path d="M21 12A9 9 0 0 0 6 5.3L3 8" />
-  <path d="M21 22v-6h-6" />
-  <path d="M3 12a9 9 0 0 0 15 6.7l3-2.7" />
+  <path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
+  <path d="M3 3v5h5" />
+  <path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" />
+  <path d="M16 16h5v5" />
 </svg>

icons/refresh-cw-off.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "rotate",
+    "reload",
+    "rerun",
+    "synchronise",
+    "synchronize",
+    "arrows",
+    "circular",
+    "cycle",
+    "cancel",
+    "no",
+    "stop",
+    "error",
+    "disconnect",
+    "ignore"
+  ],
+  "categories": [
+    "arrows"
+  ]
+}

icons/refresh-cw-off.svg

@@ -0,0 +1,19 @@
+<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 8L18.74 5.74A9.75 9.75 0 0 0 12 3C11 3 10.03 3.16 9.13 3.47" />
+  <path d="M8 16H3v5" />
+  <path d="M3 12C3 9.51 4 7.26 5.64 5.64" />
+  <path d="m3 16 2.26 2.26A9.75 9.75 0 0 0 12 21c2.49 0 4.74-1 6.36-2.64" />
+  <path d="M21 12c0 1-.16 1.97-.47 2.87" />
+  <path d="M21 3v5h-5" />
+  <path d="M22 22 2 2" />
+</svg>

icons/refresh-cw.svg

@@ -9,8 +9,8 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 2v6h-6" />
-  <path d="M3 12a9 9 0 0 1 15-6.7L21 8" />
-  <path d="M3 22v-6h6" />
-  <path d="M21 12a9 9 0 0 1-15 6.7L3 16" />
+  <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" />
+  <path d="M21 3v5h-5" />
+  <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" />
+  <path d="M8 16H3v5" />
 </svg>

icons/roller-coaster.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "attraction",
+    "entertainment",
+    "amusement park",
+    "theme park",
+    "funfair"
+  ],
+  "categories": [
+    "maps"
+  ]
+}

icons/roller-coaster.svg

@@ -0,0 +1,19 @@
+<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 19V5" />
+  <path d="M10 19V6.8" />
+  <path d="M14 19v-7.8" />
+  <path d="M18 5v4" />
+  <path d="M18 19v-6" />
+  <path d="M22 19V9" />
+  <path d="M2 19V9a4 4 0 0 1 4-4c2 0 4 1.33 6 4s4 4 6 4a4 4 0 1 0-3-6.65" />
+</svg>

icons/rotate-ccw.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M3 2v6h6" />
-  <path d="M3 13a9 9 0 1 0 3-7.7L3 8" />
+  <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/>
+  <path d="M3 3v5h5" />
 </svg>

icons/rotate-cw.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 2v6h-6" />
-  <path d="M21 13a9 9 0 1 1-3-7.7L21 8" />
+  <path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" />
+  <path d="M21 3v5h-5" />
 </svg>

icons/scatter-chart.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "statistics",
+    "diagram",
+    "graph"
+  ],
+  "categories": [
+    "charts"
+  ]
+}

icons/scatter-chart.svg

@@ -0,0 +1,18 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="7.5" cy="7.5" r=".5" />
+  <circle cx="18.5" cy="5.5" r=".5" />
+  <circle cx="11.5" cy="11.5" r=".5" />
+  <circle cx="7.5" cy="16.5" r=".5" />
+  <circle cx="17.5" cy="14.5" r=".5" />
+  <path d="M3 3v18h18" />
+</svg>

icons/sigma-square.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "sum",
+    "calculate",
+    "formula",
+    "maths",
+    "enumeration",
+    "enumerate"
+  ],
+  "categories": [
+    "text",
+    "maths"
+  ]
+}

icons/sigma-square.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"
+>
+  <rect width="18" height="18" x="3" y="3" rx="2" />
+  <path d="M16 8.9V7H8l4 5-4 5h8v-1.9" />
+</svg>

icons/spade.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "shape",
+    "suit",
+    "playing",
+    "cards"
+  ],
+  "categories": [
+    "shapes",
+    "gaming"
+  ]
+}

icons/spade.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="M5 9c-1.5 1.5-3 3.2-3 5.5A5.5 5.5 0 0 0 7.5 20c1.8 0 3-.5 4.5-2 1.5 1.5 2.7 2 4.5 2a5.5 5.5 0 0 0 5.5-5.5c0-2.3-1.5-4-3-5.5l-7-7-7 7Z"/>
+  <path d="M12 18v4"/>
+</svg>

icons/spell-check-2.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "spelling",
+    "error",
+    "mistake",
+    "oversight",
+    "typo",
+    "correction",
+    "code",
+    "linter",
+    "a"
+  ],
+  "categories": [
+    "text",
+    "development"
+  ]
+}

icons/spell-check-2.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 16 6-12 6 12" />
+  <path d="M8 12h8" />
+  <path d="M4 21c1.1 0 1.1-1 2.3-1s1.1 1 2.3 1c1.1 0 1.1-1 2.3-1 1.1 0 1.1 1 2.3 1 1.1 0 1.1-1 2.3-1 1.1 0 1.1 1 2.3 1 1.1 0 1.1-1 2.3-1" />
+</svg>

icons/spell-check.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "spelling",
+    "error",
+    "mistake",
+    "oversight",
+    "typo",
+    "correction",
+    "code",
+    "linter",
+    "a"
+  ],
+  "categories": [
+    "text",
+    "development"
+  ]
+}

icons/spell-check.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 16 6-12 6 12" />
+  <path d="M8 12h8" />
+  <path d="m16 20 2 2 4-4" />
+</svg>

icons/spray-can.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "paint",
+    "color",
+    "graffiti",
+    "decoration",
+    "aerosol",
+    "deodorant",
+    "shaving foam",
+    "air freshener"
+  ],
+  "categories": [
+    "design",
+    "tools"
+  ]
+}

icons/spray-can.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="M3 3h.01" />
+  <path d="M7 5h.01" />
+  <path d="M11 7h.01" />
+  <path d="M3 7h.01" />
+  <path d="M7 9h.01" />
+  <path d="M3 11h.01" />
+  <rect width="4" height="4" x="15" y="5" />
+  <path d="m19 9 2 2v10c0 .6-.4 1-1 1h-6c-.6 0-1-.4-1-1V11l2-2" />
+  <path d="m13 14 8-2" />
+  <path d="m13 19 8-2" />
+</svg>

icons/ticket.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M3 7v2a3 3 0 1 1 0 6v2c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2Z" />
+  <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" />
   <path d="M13 5v2" />
   <path d="M13 17v2" />
   <path d="M13 11v2" />

icons/umbrella.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M22 12a9.92 9.92 0 0 0-3.24-6.41 10.12 10.12 0 0 0-13.52 0A9.92 9.92 0 0 0 2 12Z" />
+  <path d="M22 12a10.06 10.06 1 0 0-20 0Z" />
   <path d="M12 12v8a2 2 0 0 0 4 0" />
-  <line x1="12" x2="12" y1="2" y2="3" />
+  <path d="M12 2v1" />
 </svg>

packages/lucide-vue-next/scripts/buildTypes.mjs

@@ -30,6 +30,7 @@ declare module 'lucide-vue-next'
 // Create interface extending SVGAttributes
 export interface SVGProps extends Partial<SVGAttributes> {
   size?: 24 | number
+  strokeWidth?: number
   absoluteStrokeWidth?: boolean
 }
 

packages/lucide/README.md

@@ -35,9 +35,9 @@ Here is a complete example with unpkg
 ```html
 <!DOCTYPE html>
 <body>
-  <i icon-name="volume-2" class="my-class"></i>
-  <i icon-name="x"></i>
-  <i icon-name="menu"></i>
+  <i data-lucide="volume-2" class="my-class"></i>
+  <i data-lucide="x"></i>
+  <i data-lucide="menu"></i>
 
   <script src="https://unpkg.com/lucide@latest"></script>
   <script>
@@ -49,11 +49,11 @@ Here is a complete example with unpkg
 ### With ESModules
 
 To reduce bundle size, lucide is built to be fully tree-shakable.
-The `createIcons` function will search for HTMLElements with the attribute `icon-name` and replace it with the svg from the given icon name.
+The `createIcons` function will search for HTMLElements with the attribute `data-lucide` and replace it with the svg from the given icon name.
 
 ```html
 <!-- Your HTML file -->
-<i icon-name="menu"></i>
+<i data-lucide="menu"></i>
 ```
 
 ```js
@@ -89,7 +89,7 @@ createIcons({
     'stroke-width': 1,
     stroke: '#333'
   },
-  nameAttr: 'icon-name' // attribute for the icon name.
+  nameAttr: 'data-lucide' // attribute for the icon name.
 });
 ```
 

packages/lucide/scripts/buildTypes.mjs

@@ -50,9 +50,9 @@ export interface CreateIconsOptions {
   /**
    * Search HTML emelemt by \`nameAttr\` property.
    *
-   * For example if define \`<i lucide-icon="circle"></i>\`, fill by \`lucide-icon\`.
+   * For example if define \`<i data-lucide="circle"></i>\`, fill by \`data-lucide\`.
    *
-   * @default 'icon-name'
+   * @default 'data-lucide'
    */
   nameAttr?: string;
 

packages/lucide/src/lucide.ts

@@ -5,7 +5,7 @@ import * as allIcons from './icons';
  * Replaces all elements with matching nameAttr with the defined icons
  * @param {{ icons?: object, nameAttr?: string, attrs?: object }} options
  */
-const createIcons = ({ icons = {}, nameAttr = 'icon-name', attrs = {} } = {}) => {
+const createIcons = ({ icons = {}, nameAttr = 'data-lucide', attrs = {} } = {}) => {
   if (!Object.values(icons).length) {
     throw new Error(
       "Please provide an icons object.\nIf you want to use all the icons you can import it like:\n `import { createIcons, icons } from 'lucide';\nlucide.createIcons({icons});`",
@@ -17,10 +17,20 @@ const createIcons = ({ icons = {}, nameAttr = 'icon-name', attrs = {} } = {}) =>
   }
 
   const elementsToReplace = document.querySelectorAll(`[${nameAttr}]`);
-
   Array.from(elementsToReplace).forEach((element) =>
     replaceElement(element, { nameAttr, icons, attrs }),
   );
+
+  /** @todo: remove this block in v1.0 */
+  if (nameAttr === 'data-lucide') {
+    const deprecatedElements = document.querySelectorAll('[icon-name]');
+    if (deprecatedElements.length > 0) {
+      console.warn('[Lucide] Some icons were found with the now deprecated icon-name attribute. These will still be replaced for backwards compatibility, but will no longer be supported in v1.0 and you should switch to data-lucide');
+      Array.from(deprecatedElements).forEach((element) =>
+        replaceElement(element, { nameAttr: 'icon-name', icons, attrs }),
+      );
+    }
+  }
 };
 
 export { createIcons };

packages/lucide/src/replaceElement.ts

@@ -83,7 +83,7 @@ const replaceElement = (element: Element, { nameAttr, icons, attrs }: ReplaceEle
 
   const iconAttrs = {
     ...iconAttributes,
-    'icon-name': iconName,
+    'data-lucide': iconName,
     ...attrs,
     ...elementAttrs,
   };

packages/lucide/tests/__snapshots__/lucide.spec.js.snap

@@ -1,5 +1,5 @@
 // Vitest Snapshot v1
 
-exports[`createIcons > should add custom attributes 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"24\\" height=\\"24\\" viewBox=\\"0 0 24 24\\" fill=\\"black\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" icon-name=\\"volume-2\\" class=\\"lucide lucide-volume-2 icon custom-class\\"><polygon points=\\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\\"></polygon><path d=\\"M15.54 8.46a5 5 0 0 1 0 7.07\\"></path><path d=\\"M19.07 4.93a10 10 0 0 1 0 14.14\\"></path></svg>"`;
+exports[`createIcons > should add custom attributes 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"24\\" height=\\"24\\" viewBox=\\"0 0 24 24\\" fill=\\"black\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" data-lucide=\\"volume-2\\" class=\\"lucide lucide-volume-2 icon custom-class\\"><polygon points=\\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\\"></polygon><path d=\\"M15.54 8.46a5 5 0 0 1 0 7.07\\"></path><path d=\\"M19.07 4.93a10 10 0 0 1 0 14.14\\"></path></svg>"`;
 
-exports[`createIcons > should read elements from DOM and replace it with icons 1`] = `"<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\\" icon-name=\\"volume-2\\" class=\\"lucide lucide-volume-2\\"><polygon points=\\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\\"></polygon><path d=\\"M15.54 8.46a5 5 0 0 1 0 7.07\\"></path><path d=\\"M19.07 4.93a10 10 0 0 1 0 14.14\\"></path></svg>"`;
+exports[`createIcons > should read elements from DOM and replace it with icons 1`] = `"<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\\" data-lucide=\\"volume-2\\" class=\\"lucide lucide-volume-2\\"><polygon points=\\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\\"></polygon><path d=\\"M15.54 8.46a5 5 0 0 1 0 7.07\\"></path><path d=\\"M19.07 4.93a10 10 0 0 1 0 14.14\\"></path></svg>"`;

packages/lucide/tests/lucide.spec.js

@@ -11,7 +11,7 @@ const getOriginalSvg = (iconName) => {
   const svgContent = fs.readFileSync(path.join(ICONS_DIR, `${iconName}.svg`), 'utf8');
   const svgParsed = parseSync(svgContent);
 
-  svgParsed.attributes['icon-name'] = iconName;
+  svgParsed.attributes['data-lucide'] = iconName;
   svgParsed.attributes['class'] = `lucide lucide-${iconName}`;
 
   return stringify(svgParsed, { selfClose: false });
@@ -19,7 +19,7 @@ const getOriginalSvg = (iconName) => {
 
 describe('createIcons', () => {
   it('should read elements from DOM and replace it with icons', () => {
-    document.body.innerHTML = `<i icon-name="volume-2"></i>`;
+    document.body.innerHTML = `<i data-lucide="volume-2"></i>`;
 
     createIcons({icons});
 
@@ -30,11 +30,11 @@ describe('createIcons', () => {
   });
 
   it('should customize the name attribute', () => {
-    document.body.innerHTML = `<i custom-name="volume-2"></i>`;
+    document.body.innerHTML = `<i data-custom-name="volume-2"></i>`;
 
     createIcons({
       icons,
-      nameAttr: 'custom-name'
+      nameAttr: 'data-custom-name'
     });
 
     const hasSvg = !!document.querySelector('svg');
@@ -43,7 +43,7 @@ describe('createIcons', () => {
   });
 
   it('should add custom attributes', () => {
-    document.body.innerHTML = `<i icon-name="volume-2" class="lucide"></i>`;
+    document.body.innerHTML = `<i data-lucide="volume-2" class="lucide"></i>`;
 
     const attrs = {
       class: 'lucide lucide-volume-2 icon custom-class',
@@ -67,7 +67,7 @@ describe('createIcons', () => {
   });
 
   it('should inherit elements attributes', () => {
-    document.body.innerHTML = `<i icon-name="sun" data-theme-switcher="light"></i>`;
+    document.body.innerHTML = `<i data-lucide="sun" data-theme-switcher="light"></i>`;
 
     const attrs = {
       'data-theme-switcher':'light',

site/public/framework-logos/nuxt.svg

@@ -0,0 +1,3 @@
+<svg width="900" height="900" viewBox="0 0 900 900" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M504.908 750H839.476C850.103 750.001 860.542 747.229 869.745 741.963C878.948 736.696 886.589 729.121 891.9 719.999C897.211 710.876 900.005 700.529 900 689.997C899.995 679.465 897.193 669.12 891.873 660.002L667.187 274.289C661.876 265.169 654.237 257.595 645.036 252.329C635.835 247.064 625.398 244.291 614.773 244.291C604.149 244.291 593.711 247.064 584.511 252.329C575.31 257.595 567.67 265.169 562.36 274.289L504.908 372.979L392.581 179.993C387.266 170.874 379.623 163.301 370.42 158.036C361.216 152.772 350.777 150 340.151 150C329.525 150 319.086 152.772 309.883 158.036C300.679 163.301 293.036 170.874 287.721 179.993L8.12649 660.002C2.80743 669.12 0.00462935 679.465 5.72978e-06 689.997C-0.00461789 700.529 2.78909 710.876 8.10015 719.999C13.4112 729.121 21.0523 736.696 30.255 741.963C39.4576 747.229 49.8973 750.001 60.524 750H270.538C353.748 750 415.112 713.775 457.336 643.101L559.849 467.145L614.757 372.979L779.547 655.834H559.849L504.908 750ZM267.114 655.737L120.551 655.704L340.249 278.586L449.87 467.145L376.474 593.175C348.433 639.03 316.577 655.737 267.114 655.737Z" fill="#00DC82"/>
+</svg>

site/public/framework-logos/react-native.svg

@@ -1,6 +1,98 @@
-<svg width="35" height="32" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.5 12.3a2 2 0 1 0 0-4.1 2 2 0 0 0 0 4Z" fill="#20232a"/>
-  <path d="M11.5 14.4c6 0 11-1.8 11-4.2 0-2.3-5-4.2-11-4.2s-11 2-11 4.2c0 2.4 5 4.2 11 4.2Z" stroke="#20232a"/>
-  <path d="M7.9 12.3c3 5.3 7 8.6 9.1 7.5 2-1.2 1.2-6.4-1.9-11.7C12.1 3 8.1-.5 6 .7 4 2 4.8 7.1 7.9 12.3Z" stroke="#20232a"/>
-  <path d="M7.9 8.1c-3 5.3-4 10.5-1.9 11.7 2 1.1 6.1-2.2 9.1-7.5 3-5.2 4-10.4 1.9-11.6C15-.5 10.9 3 7.9 8.1Z" stroke="#20232a"/>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="35"
+   height="32"
+   viewBox="0 0 23 21"
+   fill="none"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="react-native.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1280"
+     inkscape:window-height="716"
+     id="namedview12"
+     showgrid="false"
+     inkscape:snap-page="true"
+     inkscape:snap-bbox="false"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:zoom="7.375"
+     inkscape:cx="36.852196"
+     inkscape:cy="13.745184"
+     inkscape:window-x="0"
+     inkscape:window-y="20"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10"
+     inkscape:snap-nodes="false"
+     inkscape:snap-others="false"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true" />
+  <path
+     d="M11.5 12.3a2 2 0 1 0 0-4.1 2 2 0 0 0 0 4Z"
+     fill="#61DAFB"
+     id="path2" />
+  <path
+     d="M11.5 14.4c6 0 11-1.8 11-4.2 0-2.3-5-4.2-11-4.2s-11 2-11 4.2c0 2.4 5 4.2 11 4.2Z"
+     stroke="#61DAFB"
+     id="path4" />
+  <path
+     d="M7.9 12.3c3 5.3 7 8.6 9.1 7.5 2-1.2 1.2-6.4-1.9-11.7C12.1 3 8.1-.5 6 .7 4 2 4.8 7.1 7.9 12.3Z"
+     stroke="#61DAFB"
+     id="path6" />
+  <path
+     d="M7.9 8.1c-3 5.3-4 10.5-1.9 11.7 2 1.1 6.1-2.2 9.1-7.5 3-5.2 4-10.4 1.9-11.6C15-.5 10.9 3 7.9 8.1Z"
+     stroke="#61DAFB"
+     id="path8" />
+  <g
+     id="g849"
+     transform="matrix(1.285403,0,0,1.285403,-5.6099918,-4.3081515)">
+    <g
+       id="g895"
+       transform="matrix(1.5559322,0,0,1.5559322,-12.055787,-10.951864)">
+      <rect
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:5.05934286;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect18"
+         width="10.514286"
+         height="3.942857"
+         x="11.17143"
+         y="15.757143"
+         rx="0.65714288"
+         ry="0.65714288" />
+      <path
+         id="path884"
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:11.21523857px;line-height:0;font-family:FreeSans;-inkscape-font-specification:'FreeSans Semi-Bold';text-align:start;text-anchor:start;fill:#61dafb;fill-opacity:1;stroke:none;stroke-width:0.93471235;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 20.083076,17.859367 v 0.489514 h 1.023057 v 0.323751 h -1.411559 v -1.888121 h 1.364938 v 0.323752 h -0.976436 v 0.427353 h 0.903916 v 0.323751 z m -1.295002,0.813265 h -0.328932 l -0.637144,-1.888121 h 0.391092 l 0.419583,1.421919 0.411812,-1.421919 h 0.391093 z m -1.225076,-1.888121 v 1.888121 h -0.388503 v -1.888121 z m -1.225075,0.323752 v 1.564369 H 15.94942 v -1.564369 h -0.572393 v -0.323752 h 1.512569 v 0.323752 z M 14.750247,18.2919 h -0.707075 l -0.126911,0.380732 h -0.396272 l 0.670814,-1.888121 h 0.429943 l 0.652684,1.888121 h -0.398863 z m -0.106191,-0.323752 -0.246052,-0.738154 -0.246051,0.738154 z m -1.745666,0.704484 -0.758875,-1.305367 v 1.305367 h -0.388502 v -1.888121 h 0.398862 l 0.748515,1.284648 v -1.284648 h 0.388502 v 1.888121 z"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
 </svg>

site/src/data/packageData.thirdParty.json

@@ -55,5 +55,24 @@
     ],
     "source": "https://github.com/GrimLink/eleventy-plugin-lucide-icons",
     "documentation": "https://github.com/GrimLink/eleventy-plugin-lucide-icons/blob/main/README.md"
+  },
+  {
+    "name": "nuxt-lucide-icons",
+    "description": "Using this module, Nuxt projects can incorporate Lucide icons. It is fully configurable and supports auto imports and tree-shaking.",
+    "icon": "/framework-logos/nuxt.svg",
+    "shields": [
+      {
+        "alt": "Latest Stable Version",
+        "src": "https://img.shields.io/npm/v/nuxt-lucide-icons",
+        "href": "https://www.npmjs.com/package/nuxt-lucide-icons"
+      },
+      {
+        "alt": "Total Downloads",
+        "src": "https://img.shields.io/npm/dw/nuxt-lucide-icons",
+        "href": "https://www.npmjs.com/package/nuxt-lucide-icons"
+      }
+    ],
+    "source": "https://github.com/swisnl/nuxt-lucide-icons",
+    "documentation": "https://github.com/swisnl/nuxt-lucide-icons/blob/main/README.md"
   }
 ]