Home/Libraries/Freehand free icons (Iconify)/charging-battery-eco

Freehand free icons (Iconify)

ChargingBatteryEco

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.978 13.19a16.4 16.4 0 0 0-.34-2.787a1.7 1.7 0 0 0-.41-.87a2 2 0 0 0-.738-.339a7 7 0 0 0-1.509-.19a1.3 1.3 0 0 1-.729-.23a1.4 1.4 0 0 1-.16-.669a6 6 0 0 0-.27-1.508a1.33 1.33 0 0 0-.459-.64a.35.35 0 0 0-.48.08a.34.34 0 0 0 .08.47c.188.201.295.464.3.74q.06.84.21 1.667c.042.157.12.3.23.42c.21.188.465.322.739.39a8.7 8.7 0 0 1 2.208.529a.95.95 0 0 1 .12.4c.132.849.202 1.707.21 2.566q.023 1.144-.12 2.278a1.9 1.9 0 0 1-.18.69a1.27 1.27 0 0 1-.79.269a10 10 0 0 0-1.328.25c-.263.078-.51.203-.73.37c-.28.225-.462.55-.509.908q-.085.682-.09 1.368c0 .28 0 .56-.22.68a12.5 12.5 0 0 1-3.166.35c-3.116.16-7.301.16-7.99.19a.3.3 0 0 0 0 .598c.739 0 4.924.21 8.06.19c1.2.042 2.4-.082 3.566-.37c.315-.168.555-.45.67-.788c.14-.555.207-1.126.2-1.698c0-.23 0-.44.119-.54a2.15 2.15 0 0 1 .919-.31c.453-.043.902-.13 1.338-.26c.302-.094.569-.275.77-.519c.185-.26.305-.562.35-.879a13.7 13.7 0 0 0 .129-2.806M1.474 7.067c.234-.255.535-.439.869-.53a6.6 6.6 0 0 1 1.818-.21l4.494-.32a.3.3 0 0 0 .34-.269a.31.31 0 0 0-.3-.31H4.211a7 7 0 0 0-2.098.11a2.8 2.8 0 0 0-1.389.76c-.311.344-.52.77-.599 1.228c-.1.58-.14 1.17-.12 1.758l.1 5.354c-.13 1.59-.032 3.191.29 4.755A2.37 2.37 0 0 0 1.883 21.1a.34.34 0 0 0 .2-.649c-.69-.23-.939-.999-1.059-1.878a20 20 0 0 1 .1-3.935c0-1.089 0-2.148.06-3.217V9.254a7.5 7.5 0 0 1 0-1.488c.026-.257.127-.5.29-.7"/><path d="M12.191 17.225a8.7 8.7 0 0 0 3.996-2.567a8.6 8.6 0 0 0 1.518-2.757a8.9 8.9 0 0 0 .44-3.096a8.07 8.07 0 0 0-1.469-4.425a4.26 4.26 0 0 0-2.687-1.728a.34.34 0 1 0-.13.659a3.88 3.88 0 0 1 2.558 2.107a7.46 7.46 0 0 1 .829 3.407a8.2 8.2 0 0 1-.48 2.756a7.6 7.6 0 0 1-1.398 2.398a7.63 7.63 0 0 1-3.486 2.167a6.3 6.3 0 0 1-3.996 0a3 3 0 0 1-.42-.15c.63-.53 1.28-.999 1.939-1.528c.659-.53 1.338-1.069 1.997-1.638l.57-.57l.12-.13q.499.03.998 0c.33 0 .65-.11 1-.12a.35.35 0 0 0 .349-.339a.34.34 0 0 0-.33-.34a4 4 0 0 0-.849-.07q-.262.03-.52.09q.585-.711 1.25-1.348a.3.3 0 0 0-.21-.51a.3.3 0 0 0-.21.09c-.7.57-1.289 1.24-1.998 1.859q-.394.373-.829.699c-.48.37-.999.699-1.448.999q.015-.195 0-.39a6 6 0 0 0-.19-.6a.33.33 0 0 0-.39-.279a.34.34 0 0 0-.28.39q-.028.394 0 .789q.06.296.19.569c-.489.35-.998.71-1.438 1.099c-.25.2-.47.43-.71.649a3 3 0 0 1-.638-1.368a4 4 0 0 1 .689-3.097a7.8 7.8 0 0 1 1.548-1.628a26 26 0 0 1 2.917-1.898c.43-.26.929-.52 1.378-.819c.33-.2.625-.45.88-.74c.27-.333.437-.74.479-1.168a3.4 3.4 0 0 0-.25-1.758a.29.29 0 0 0-.39-.16a.29.29 0 0 0-.16.39c.147.382.212.79.19 1.199a1.7 1.7 0 0 1-.38 1.048q-.332.369-.748.64c-.46.28-1 .51-1.389.739a29 29 0 0 0-3.076 1.808a8.7 8.7 0 0 0-1.798 1.728a5.06 5.06 0 0 0-1 3.895c.133.75.48 1.443 1 1.998c-.2.23-.42.46-.61.71a7.1 7.1 0 0 0-1.118 2.107a3.26 3.26 0 0 0-.11 1.688a.34.34 0 0 0 .4.26a.34.34 0 0 0 .27-.4c-.056-.439.01-.884.189-1.288c.282-.65.67-1.247 1.149-1.768c.21-.23.44-.45.659-.67q.425.273.899.45a7.35 7.35 0 0 0 4.734-.04"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ChargingBatteryEcoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.