atum-icons 2.0.1 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atum-icons",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "A scalable SVG-based React icon library",
   "main": "src/index.js",
   "module": "src/index.js",

package/readme.md

@@ -1,11 +1,116 @@
-to run the generater function
--  node scripts/generate-icons.js
+# Atum Icons
 
-must:
+```{=html}
+<p align="center">
+```
+`<strong>`{=html}A modern, scalable React icon library built for design
+systems`</strong>`{=html}
+```{=html}
+</p>
+```
+```{=html}
+<p align="center">
+```
+Theme-ready • Scalable • Automated • Design-system focused
+```{=html}
+</p>
+```
+```{=html}
+<p align="center">
+```
+`<a href="https://www.npmjs.com/package/atum-icons">`{=html}
+`<img src="https://img.shields.io/npm/v/atum-icons.svg" alt="npm version" />`{=html}
+`</a>`{=html}
+`<a href="https://www.npmjs.com/package/atum-icons">`{=html}
+`<img src="https://img.shields.io/npm/dm/atum-icons.svg" alt="npm downloads" />`{=html}
+`</a>`{=html}
+`<img src="https://img.shields.io/badge/license-MIT-green.svg" alt="MIT license" />`{=html}
+```{=html}
+</p>
+```
 
-icons name shoud be kebab and only svg
+------------------------------------------------------------------------
 
-so far create icon
+## Overview
 
-Essentials
-- TrashLinearIcon
+**Atum Icons** is a modern **React SVG icon library** designed
+specifically for **design systems and scalable UI architectures**.
+
+It is built with long-term maintainability in mind and powers **Atum
+UI**, ensuring consistent visuals, predictable APIs, and effortless
+theming across applications.
+
+------------------------------------------------------------------------
+
+## ✨ Features
+
+-   Automated SVG → React component generation
+-   Theme-ready icons using `currentColor`
+-   Font-size based scaling (`1em`)
+-   Multiple visual styles (Linear, Outline, Bold, Bulk, Broken,
+    Twotone)
+-   Category-based icon organization
+-   Tree-shakeable exports
+-   Designed for design systems, not demos
+
+------------------------------------------------------------------------
+
+## 📦 Installation
+
+``` bash
+npm install atum-icons
+```
+
+------------------------------------------------------------------------
+
+## 🚀 Usage
+
+``` jsx
+import { TrashLinearIcon } from "atum-icons";
+
+<TrashLinearIcon style={{ color: "#6d28d9", fontSize: "24px" }} />
+```
+
+------------------------------------------------------------------------
+
+## 🎨 Styling & Theming
+
+Outline icons inherit color using CSS `color`.
+
+``` jsx
+<div style={{ color: "#0ea5e9", fontSize: 40 }}>
+  <TrashLinearIcon />
+</div>
+```
+
+------------------------------------------------------------------------
+
+## 🧩 Icon Variants
+
+Icons may be available in multiple styles:
+
+-   Linear
+-   Outline
+-   Bold
+-   Bulk
+-   Broken
+-   Twotone
+
+------------------------------------------------------------------------
+
+## 🔁 Versioning
+
+Atum Icons follows semantic versioning and grows incrementally.
+
+------------------------------------------------------------------------
+
+## 📄 License
+
+MIT
+
+------------------------------------------------------------------------
+
+## 👤 Author
+
+**Nithish Kumar**\
+Frontend Engineer focused on scalable UI systems and design systems.

package/src/components/essential/Battery2EmptyBoldIcon.jsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+const Battery2EmptyBoldIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.4202 8.99998C20.2802 8.98998 20.1002 8.97998 19.9002 8.97998C19.5102 8.97998 19.2002 9.28998 19.2002 9.67998V14.33C19.2002 14.72 19.5102 15.03 19.9002 15.03C20.1002 15.03 20.2702 15.02 20.4402 15.01C22.0002 14.83 22.0002 13.73 22.0002 12.93V11.07C22.0002 10.27 22.0002 9.16998 20.4202 8.99998Z"
+      fill="none"
+    />
+    <path
+      d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM7.1 14.18C7.02 14.52 6.71 14.75 6.37 14.75C6.31 14.75 6.25 14.74 6.19 14.73C5.79 14.63 5.54 14.22 5.64 13.82C5.94 12.63 5.94 11.37 5.64 10.18C5.54 9.78004 5.78 9.37004 6.19 9.27004C6.59 9.17004 7 9.42004 7.1 9.82004C7.46 11.25 7.46 12.75 7.1 14.18Z"
+      fill="none"
+    />
+  </svg>
+);
+export default Battery2EmptyBoldIcon;

package/src/components/essential/Battery2EmptyBrokenIcon.jsx

@@ -0,0 +1,34 @@
+import * as React from "react";
+const Battery2EmptyBrokenIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10.99 5H13C17 5 18 6 18 10V14C18 18 17 19 13 19H7C3 19 2 18 2 14V10C2 6 3 5 7 5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.37988 10C6.61988 10.98 6.68988 11.99 6.56988 12.99C6.52988 13.33 6.46988 13.67 6.37988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default Battery2EmptyBrokenIcon;

package/src/components/essential/Battery2EmptyBulkIcon.jsx

@@ -0,0 +1,26 @@
+import * as React from "react";
+const Battery2EmptyBulkIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      opacity={0.4}
+      d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004Z"
+      fill="none"
+    />
+    <path
+      d="M20.4202 8.99998C20.2802 8.98998 20.1002 8.97998 19.9002 8.97998C19.5102 8.97998 19.2002 9.28998 19.2002 9.67998V14.33C19.2002 14.72 19.5102 15.03 19.9002 15.03C20.1002 15.03 20.2702 15.02 20.4402 15.01C22.0002 14.83 22.0002 13.73 22.0002 12.93V11.07C22.0002 10.27 22.0002 9.16998 20.4202 8.99998Z"
+      fill="none"
+    />
+    <path
+      d="M6.38007 14.7501C6.32007 14.7501 6.26007 14.7401 6.20007 14.7301C5.80007 14.6301 5.55007 14.2201 5.65007 13.8201C5.95007 12.6301 5.95007 11.3701 5.65007 10.1801C5.55007 9.7801 5.79007 9.3701 6.20007 9.2701C6.59007 9.1701 7.00007 9.4201 7.10007 9.8201C7.46007 11.2501 7.46007 12.7601 7.10007 14.1801C7.02007 14.5201 6.71007 14.7501 6.38007 14.7501Z"
+      fill="none"
+    />
+  </svg>
+);
+export default Battery2EmptyBulkIcon;

package/src/components/essential/Battery2EmptyLinearIcon.jsx

@@ -0,0 +1,34 @@
+import * as React from "react";
+const Battery2EmptyLinearIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13 19H7C3 19 2 18 2 14V10C2 6 3 5 7 5H13C17 5 18 6 18 10V14C18 18 17 19 13 19Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.37988 10C6.70988 11.31 6.70988 12.69 6.37988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default Battery2EmptyLinearIcon;

package/src/components/essential/Battery2EmptyOutlineIcon.jsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+const Battery2EmptyOutlineIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13 19.75H7C2.59 19.75 1.25 18.41 1.25 14V10C1.25 5.59 2.59 4.25 7 4.25H13C17.41 4.25 18.75 5.59 18.75 10V14C18.75 18.41 17.41 19.75 13 19.75ZM7 5.75C3.42 5.75 2.75 6.43 2.75 10V14C2.75 17.57 3.42 18.25 7 18.25H13C16.58 18.25 17.25 17.57 17.25 14V10C17.25 6.43 16.58 5.75 13 5.75H7Z"
+      fill="none"
+    />
+    <path
+      d="M20.5 15.25C20.09 15.25 19.75 14.91 19.75 14.5C19.75 14.09 20.09 13.75 20.5 13.75C21.09 13.75 21.22 13.66 21.23 13.66C21.25 13.6 21.25 13.25 21.25 13V11C21.25 10.75 21.25 10.41 21.21 10.32C21.2 10.33 21.05 10.25 20.5 10.25C20.09 10.25 19.75 9.91 19.75 9.5C19.75 9.09 20.09 8.75 20.5 8.75C22.58 8.75 22.75 9.77 22.75 11V13C22.75 14.23 22.58 15.25 20.5 15.25Z"
+      fill="none"
+    />
+    <path
+      d="M6.38007 14.7501C6.32007 14.7501 6.26007 14.7401 6.20007 14.7301C5.80007 14.6301 5.55007 14.2201 5.65007 13.8201C5.95007 12.6301 5.95007 11.3701 5.65007 10.1801C5.55007 9.7801 5.79007 9.3701 6.20007 9.2701C6.59007 9.1701 7.00007 9.4201 7.10007 9.8201C7.46007 11.2501 7.46007 12.7601 7.10007 14.1801C7.02007 14.5201 6.71007 14.7501 6.38007 14.7501Z"
+      fill="none"
+    />
+  </svg>
+);
+export default Battery2EmptyOutlineIcon;

package/src/components/essential/Battery2EmptyTwotoneIcon.jsx

@@ -0,0 +1,36 @@
+import * as React from "react";
+const Battery2EmptyTwotoneIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13 19H7C3 19 2 18 2 14V10C2 6 3 5 7 5H13C17 5 18 6 18 10V14C18 18 17 19 13 19Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      opacity={0.34}
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      opacity={0.34}
+      d="M6.37988 10C6.70988 11.31 6.70988 12.69 6.37988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default Battery2EmptyTwotoneIcon;

package/src/components/essential/Battery3EmptyBoldIcon.jsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+const Battery3EmptyBoldIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.4202 8.99998C20.2802 8.98998 20.1002 8.97998 19.9002 8.97998C19.5102 8.97998 19.2002 9.28998 19.2002 9.67998V14.33C19.2002 14.72 19.5102 15.03 19.9002 15.03C20.1002 15.03 20.2702 15.02 20.4402 15.01C22.0002 14.83 22.0002 13.73 22.0002 12.93V11.07C22.0002 10.27 22.0002 9.16998 20.4202 8.99998Z"
+      fill="none"
+    />
+    <path
+      d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM7.1 14.18C7.02 14.52 6.71 14.75 6.37 14.75C6.31 14.75 6.25 14.74 6.19 14.73C5.79 14.63 5.54 14.22 5.64 13.82C5.94 12.63 5.94 11.37 5.64 10.18C5.54 9.78004 5.78 9.37004 6.19 9.27004C6.6 9.17004 7 9.42004 7.1 9.82004C7.46 11.25 7.46 12.75 7.1 14.18ZM10.6 14.18C10.52 14.52 10.21 14.75 9.87 14.75C9.81 14.75 9.75 14.74 9.69 14.73C9.29 14.63 9.04 14.22 9.14 13.82C9.44 12.63 9.44 11.37 9.14 10.18C9.04 9.78004 9.28 9.37004 9.69 9.27004C10.09 9.17004 10.5 9.41004 10.6 9.82004C10.96 11.25 10.96 12.75 10.6 14.18Z"
+      fill="none"
+    />
+  </svg>
+);
+export default Battery3EmptyBoldIcon;

package/src/components/essential/Battery3EmptyBrokenIcon.jsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+const Battery3EmptyBrokenIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.37988 10C6.70988 11.31 6.70988 12.69 6.37988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.87988 10C10.2099 11.31 10.2099 12.69 9.87988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11.01 5H13C17 5 18 6 18 10V14C18 18 17 19 13 19H7C3 19 2 18 2 14V10C2 6 3 5 7 5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default Battery3EmptyBrokenIcon;

package/src/components/essential/Battery3EmptyBulkIcon.jsx

@@ -0,0 +1,30 @@
+import * as React from "react";
+const Battery3EmptyBulkIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      opacity={0.4}
+      d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004Z"
+      fill="none"
+    />
+    <path
+      d="M20.4202 8.99998C20.2802 8.98998 20.1002 8.97998 19.9002 8.97998C19.5102 8.97998 19.2002 9.28998 19.2002 9.67998V14.33C19.2002 14.72 19.5102 15.03 19.9002 15.03C20.1002 15.03 20.2702 15.02 20.4402 15.01C22.0002 14.83 22.0002 13.73 22.0002 12.93V11.07C22.0002 10.27 22.0002 9.16998 20.4202 8.99998Z"
+      fill="none"
+    />
+    <path
+      d="M6.38007 14.7501C6.32007 14.7501 6.26007 14.7401 6.20007 14.7301C5.80007 14.6301 5.55007 14.2201 5.65007 13.8201C5.95007 12.6301 5.95007 11.3701 5.65007 10.1801C5.55007 9.7801 5.79007 9.3701 6.20007 9.2701C6.60007 9.1701 7.00007 9.4201 7.10007 9.8201C7.46007 11.2501 7.46007 12.7601 7.10007 14.1801C7.02007 14.5201 6.71007 14.7501 6.38007 14.7501Z"
+      fill="none"
+    />
+    <path
+      d="M9.88007 14.7499C9.82007 14.7499 9.76007 14.7399 9.70007 14.7299C9.30007 14.6299 9.05007 14.2199 9.15007 13.8199C9.45007 12.6299 9.45007 11.3699 9.15007 10.1799C9.05007 9.77995 9.29007 9.36995 9.70007 9.26995C10.1001 9.16995 10.5101 9.40995 10.6101 9.81995C10.9701 11.2499 10.9701 12.7599 10.6101 14.1799C10.5201 14.5199 10.2101 14.7499 9.88007 14.7499Z"
+      fill="none"
+    />
+  </svg>
+);
+export default Battery3EmptyBulkIcon;

package/src/components/essential/Battery3EmptyLinearIcon.jsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+const Battery3EmptyLinearIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6.37988 10C6.70988 11.31 6.70988 12.69 6.37988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.87988 10C10.2099 11.31 10.2099 12.69 9.87988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13 19H7C3 19 2 18 2 14V10C2 6 3 5 7 5H13C17 5 18 6 18 10V14C18 18 17 19 13 19Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default Battery3EmptyLinearIcon;

package/src/components/essential/Battery3EmptyOutlineIcon.jsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+const Battery3EmptyOutlineIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.5 15.25C20.09 15.25 19.75 14.91 19.75 14.5C19.75 14.09 20.09 13.75 20.5 13.75C21.09 13.75 21.22 13.66 21.23 13.66C21.25 13.6 21.25 13.25 21.25 13V11C21.25 10.75 21.25 10.41 21.21 10.32C21.2 10.33 21.05 10.25 20.5 10.25C20.09 10.25 19.75 9.91 19.75 9.5C19.75 9.09 20.09 8.75 20.5 8.75C22.58 8.75 22.75 9.77 22.75 11V13C22.75 14.23 22.58 15.25 20.5 15.25Z"
+      fill="none"
+    />
+    <path
+      d="M6.38007 14.7501C6.32007 14.7501 6.26007 14.7401 6.20007 14.7301C5.80007 14.6301 5.55007 14.2201 5.65007 13.8201C5.95007 12.6301 5.95007 11.3701 5.65007 10.1801C5.55007 9.7801 5.79007 9.3701 6.20007 9.2701C6.60007 9.1701 7.00007 9.4201 7.10007 9.8201C7.46007 11.2501 7.46007 12.7601 7.10007 14.1801C7.02007 14.5201 6.71007 14.7501 6.38007 14.7501Z"
+      fill="none"
+    />
+    <path
+      d="M9.88007 14.7499C9.82007 14.7499 9.76007 14.7399 9.70007 14.7299C9.30007 14.6299 9.05007 14.2199 9.15007 13.8199C9.45007 12.6299 9.45007 11.3699 9.15007 10.1799C9.05007 9.77995 9.29007 9.36995 9.70007 9.26995C10.1001 9.16995 10.5101 9.40995 10.6101 9.81995C10.9701 11.2499 10.9701 12.7599 10.6101 14.1799C10.5201 14.5199 10.2101 14.7499 9.88007 14.7499Z"
+      fill="none"
+    />
+    <path
+      d="M13 19.75H7C2.59 19.75 1.25 18.41 1.25 14V10C1.25 5.59 2.59 4.25 7 4.25H13C17.41 4.25 18.75 5.59 18.75 10V14C18.75 18.41 17.41 19.75 13 19.75ZM7 5.75C3.43 5.75 2.75 6.43 2.75 10V14C2.75 17.57 3.43 18.25 7 18.25H13C16.57 18.25 17.25 17.57 17.25 14V10C17.25 6.43 16.57 5.75 13 5.75H7Z"
+      fill="none"
+    />
+  </svg>
+);
+export default Battery3EmptyOutlineIcon;

package/src/components/essential/Battery3EmptyTwotoneIcon.jsx

@@ -0,0 +1,44 @@
+import * as React from "react";
+const Battery3EmptyTwotoneIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      opacity={0.34}
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      opacity={0.34}
+      d="M6.37988 10C6.70988 11.31 6.70988 12.69 6.37988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      opacity={0.34}
+      d="M9.87988 10C10.2099 11.31 10.2099 12.69 9.87988 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13 19H7C3 19 2 18 2 14V10C2 6 3 5 7 5H13C17 5 18 6 18 10V14C18 18 17 19 13 19Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default Battery3EmptyTwotoneIcon;

package/src/components/essential/BatteryChargingBoldIcon.jsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+const BatteryChargingBoldIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.4202 8.99998C20.2802 8.98998 20.1002 8.97998 19.9002 8.97998C19.5102 8.97998 19.2002 9.28998 19.2002 9.67998V14.33C19.2002 14.72 19.5102 15.03 19.9002 15.03C20.1002 15.03 20.2702 15.02 20.4402 15.01C22.0002 14.83 22.0002 13.73 22.0002 12.93V11.07C22.0002 10.27 22.0002 9.16998 20.4202 8.99998Z"
+      fill="none"
+    />
+    <path
+      d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM12.53 13.68C12.51 13.72 12.48 13.76 12.45 13.79L10.58 15.98C10.43 16.15 10.22 16.24 10.01 16.24C9.84 16.24 9.66 16.18 9.52 16.06C9.21 15.79 9.17 15.32 9.44 15L11.24 12.89C11.25 12.86 11.24 12.83 11.22 12.8C11.2 12.76 11.16 12.74 11.11 12.74H9.12C8.53 12.74 8.01 12.44 7.71 11.93C7.42 11.42 7.42 10.82 7.71 10.31L9.42 8.05004C9.67 7.72004 10.14 7.65004 10.47 7.90004C10.8 8.15004 10.87 8.62004 10.62 8.95004L8.97 11.14C9 11.1 9 11.14 9.02 11.19C9.04 11.23 9.08 11.25 9.13 11.25H11.14C11.73 11.25 12.25 11.55 12.55 12.06C12.82 12.57 12.82 13.17 12.53 13.68Z"
+      fill="none"
+    />
+  </svg>
+);
+export default BatteryChargingBoldIcon;

package/src/components/essential/BatteryChargingBrokenIcon.jsx

@@ -0,0 +1,55 @@
+import * as React from "react";
+const BatteryChargingBrokenIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.5 9.5C22 9.5 22 10 22 11V13C22 14 22 14.5 20.5 14.5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11.27 12C12.04 12 12.52 12.83 12.14 13.5L10 16"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10.0002 8L8.1102 10.5C7.7202 11.17 8.2002 12 8.9702 12"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M2 10C2 6 3 5 7 5"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7 19C3 19 2 18 2 14"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13 5C17 5 18 6 18 10V14C18 18 17 19 13 19"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default BatteryChargingBrokenIcon;

package/src/components/essential/BatteryChargingBulkIcon.jsx

@@ -0,0 +1,26 @@
+import * as React from "react";
+const BatteryChargingBulkIcon = (props) => (
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      opacity={0.4}
+      d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004Z"
+      fill="none"
+    />
+    <path
+      d="M20.4202 8.99998C20.2802 8.98998 20.1002 8.97998 19.9002 8.97998C19.5102 8.97998 19.2002 9.28998 19.2002 9.67998V14.33C19.2002 14.72 19.5102 15.03 19.9002 15.03C20.1002 15.03 20.2702 15.02 20.4402 15.01C22.0002 14.83 22.0002 13.73 22.0002 12.93V11.07C22.0002 10.27 22.0002 9.16998 20.4202 8.99998Z"
+      fill="none"
+    />
+    <path
+      d="M10.0102 16.24C9.84018 16.24 9.66018 16.18 9.52018 16.06C9.21018 15.79 9.17018 15.32 9.44018 15L11.2402 12.89C11.2502 12.86 11.2402 12.83 11.2202 12.8C11.2002 12.76 11.1602 12.74 11.1102 12.74H9.12018C8.53018 12.74 8.01018 12.44 7.71018 11.93C7.42018 11.42 7.42018 10.82 7.71018 10.31L9.42018 8.05003C9.67018 7.72003 10.1402 7.65003 10.4702 7.90003C10.8002 8.15003 10.8702 8.62003 10.6202 8.95003L8.97018 11.14C9.00018 11.1 9.00018 11.14 9.02018 11.19C9.04018 11.23 9.08018 11.25 9.13018 11.25H11.1402C11.7302 11.25 12.2502 11.55 12.5502 12.06C12.8402 12.57 12.8402 13.17 12.5502 13.68C12.5302 13.72 12.5002 13.76 12.4702 13.79L10.6002 15.98C10.4402 16.16 10.2302 16.24 10.0102 16.24Z"
+      fill="none"
+    />
+  </svg>
+);
+export default BatteryChargingBulkIcon;