From 7b5a8c92b471325abac324a61ce6a2e05ca05d87 Mon Sep 17 00:00:00 2001
From: Matt Bettinson <mattbettinson@gmail.com>
Date: Mon, 24 Feb 2025 15:20:42 -0500
Subject: [PATCH] feat(design): Add battery, speed, wheel icons, replace fuel
 Fleet management icons (#2394)

feat(design): Add battery, speed, wheel icons, replace fuel
---
 docs/components/Icon/Icon.stories.mdx | 14 ++++++++------
 packages/design/src/icons/battery.svg |  6 ++++++
 packages/design/src/icons/fuel.svg    |  6 +++---
 packages/design/src/icons/speed.svg   |  4 ++++
 packages/design/src/icons/wheel.svg   |  6 ++++++
 5 files changed, 27 insertions(+), 9 deletions(-)
 create mode 100644 packages/design/src/icons/battery.svg
 create mode 100644 packages/design/src/icons/speed.svg
 create mode 100644 packages/design/src/icons/wheel.svg

diff --git a/docs/components/Icon/Icon.stories.mdx b/docs/components/Icon/Icon.stories.mdx
index 8a6b519f6b..2aaf09a8c1 100644
--- a/docs/components/Icon/Icon.stories.mdx
+++ b/docs/components/Icon/Icon.stories.mdx
@@ -342,12 +342,14 @@ understand the state of the application.
 | <Icon name="sendInvoice" />  | `sendInvoice`  |
 
 ### Fleet management
-
-| Icon                   | `Name`   |
-| :--------------------- | :------- |
-| <Icon name="truck" />  | `truck`  |
-| <Icon name="fuel" />   | `fuel`   |
-| <Icon name="engine" /> | `engine` |
+| Icon                    | `Name`    |
+| :---------------------- | :-------- |
+| <Icon name="truck" />   | `truck`   |
+| <Icon name="speed" />   | `speed`   |
+| <Icon name="wheel" />   | `wheel`   |
+| <Icon name="battery" /> | `battery` |
+| <Icon name="fuel" />    | `fuel`    |
+| <Icon name="engine" />  | `engine`  |
 
 ### System actions
 
diff --git a/packages/design/src/icons/battery.svg b/packages/design/src/icons/battery.svg
new file mode 100644
index 0000000000..8c1315a260
--- /dev/null
+++ b/packages/design/src/icons/battery.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 3C5.44772 3 5 3.44772 5 4V5H11V4C11 3.44772 10.5523 3 10 3H6Z" fill="black"/>
+<path d="M13.4585 10.4839C13.7258 10.2307 13.7372 9.80877 13.484 9.54148C13.2307 9.2742 12.8088 9.26279 12.5415 9.51601L9.84514 12.0705C9.29795 12.5889 9.66542 13.5088 10.4183 13.5088H12.4471L10.5167 15.5408C10.2631 15.8078 10.2739 16.2297 10.5408 16.4833C10.8078 16.7369 11.2297 16.7261 11.4833 16.4591L14.2159 13.5827C14.722 13.05 14.341 12.1754 13.6115 12.1754H11.6731L13.4585 10.4839Z" fill="black"/>
+<path d="M3 18C2.44772 18 2 18.4477 2 19V20H22V19C22 18.4477 21.5523 18 21 18V8C21 6.89543 20.1046 6 19 6H5C3.89543 6 3 6.89543 3 8V18ZM19 8V18H5V8H19Z" fill="black"/>
+<path d="M13 4C13 3.44772 13.4477 3 14 3H18C18.5523 3 19 3.44772 19 4V5H13V4Z" fill="black"/>
+</svg>
diff --git a/packages/design/src/icons/fuel.svg b/packages/design/src/icons/fuel.svg
index 1245d0da6d..14830cb6ef 100644
--- a/packages/design/src/icons/fuel.svg
+++ b/packages/design/src/icons/fuel.svg
@@ -1,4 +1,4 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M7 7h6v5H7V7Z" fill="#657884"/>
-  <path d="M4 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v10h4v-5h-2v-1h-.5a.5.5 0 0 1 0-1H20a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-4v2h1a1 1 0 0 1 1 1v1H2v-1a1 1 0 0 1 1-1h1V6Zm10 0H6v14h8V6Z" fill="#657884"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5 7H7.5V12H14.5V7Z" fill="black"/>
+<path d="M4 5C4 3.89543 4.89543 3 6 3H16C17.1046 3 18 3.89543 18 5V14H20V10H19.125V8H20C21.1046 8 22 8.89543 22 10V14C22 15.1046 21.1046 16 20 16H18V19H19C19.5523 19 20 19.4477 20 20V21H2V20C2 19.4477 2.44772 19 3 19H4V5ZM6 5V19H16V5H6Z" fill="black"/>
 </svg>
diff --git a/packages/design/src/icons/speed.svg b/packages/design/src/icons/speed.svg
new file mode 100644
index 0000000000..2a43a2cd28
--- /dev/null
+++ b/packages/design/src/icons/speed.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5C7.58172 5 4 8.58172 4 13C4 15.2091 4.89543 17.2091 6.34315 18.6569L4.92893 20.0711C3.11929 18.2614 2 15.7614 2 13C2 7.47715 6.47715 3 12 3C17.5228 3 22 7.47715 22 13C22 15.7614 20.8807 18.2614 19.0711 20.0711L17.6569 18.6569C19.1046 17.2091 20 15.2091 20 13C20 8.58172 16.4183 5 12 5Z" fill="black"/>
+<path d="M16.6585 10.7526C17.0741 10.3889 17.1163 9.75715 16.7526 9.34151C16.3889 8.92587 15.7571 8.88375 15.3415 9.24744L11.3415 12.7474C10.9259 13.1111 10.8837 13.7429 11.2474 14.1585C11.6111 14.5742 12.2429 14.6163 12.6585 14.2526L16.6585 10.7526Z" fill="black"/>
+</svg>
diff --git a/packages/design/src/icons/wheel.svg b/packages/design/src/icons/wheel.svg
new file mode 100644
index 0000000000..7bae6650d4
--- /dev/null
+++ b/packages/design/src/icons/wheel.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 22C18.5228 22 23 17.5228 23 12C23 6.47715 18.5228 2 13 2C8.70007 2 5.03404 4.71389 3.6213 8.52223C3.57138 8.61385 3.53537 8.71414 3.51611 8.82027C3.38761 9.20367 3.28172 9.59745 3.2 10H5.252C6.14009 6.54955 9.27229 4 13 4C17.4182 4 21 7.58172 21 12C21 16.4183 17.4183 20 13 20H6C5.44772 20 5 20.4477 5 21C5 21.5523 5.44772 22 6 22H13Z" fill="black"/>
+<path d="M19 12C19 15.3137 16.3137 18 13 18C9.68629 18 7 15.3137 7 12C7 8.68629 9.68629 6 13 6C16.3137 6 19 8.68629 19 12ZM16.2773 14.294C16.7327 13.6445 17 12.8535 17 12C17 11.8545 16.9922 11.7109 16.9771 11.5694L14.4088 12.4255L16.2773 14.294ZM14.7518 15.597L12.8809 13.7261L11.091 15.516C11.6584 15.8246 12.3087 16 13 16C13.6283 16 14.2228 15.8551 14.7518 15.597ZM9.62721 14.1513L11.3531 12.4255L9.01543 11.6463C9.00521 11.7628 9 11.8808 9 12C9 12.7919 9.23015 13.5301 9.62721 14.1513ZM9.68474 9.7612L11.8809 10.4933V8.15864C10.9747 8.42219 10.2013 8.99771 9.68474 9.7612ZM13.8809 8.09732V10.4933L16.2707 9.69668C15.7087 8.90018 14.8632 8.31809 13.8809 8.09732Z" fill="black"/>
+<path d="M3 17C3 16.4477 3.44772 16 4 16H6C6.55228 16 7 16.4477 7 17C7 17.5523 6.55228 18 6 18H4C3.44772 18 3 17.5523 3 17Z" fill="black"/>
+<path d="M2 12C1.44772 12 1 12.4477 1 13C1 13.5523 1.44772 14 2 14H4C4.55228 14 5 13.5523 5 13C5 12.4477 4.55228 12 4 12H2Z" fill="black"/>
+</svg>