Home/Libraries/Freehand free icons (Iconify)/power-supply-battery-charge

Freehand free icons (Iconify)

PowerSupplyBatteryCharge

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="M19.448 17.107a3.05 3.05 0 0 0-3.45-1.49c-1.83.49-2.69 5.25-4.61 4.85c-.539-.2-.609-.2-.789-.4a4.14 4.14 0 0 1-1.13-3.69c.06-.44.1-.44.14-.74c1.67.21 3.09.33 4.24-1a6.9 6.9 0 0 0 1.15-2.1c.126-.472.173-.961.14-1.45a5.5 5.5 0 0 0-.33-2.239a.88.88 0 0 0-.74-.44c0-.34.24-2.08.24-2.19a1.07 1.07 0 0 0-.81-1a5 5 0 0 0-1.83-.06c-.79.24-.61 1.1-.54 3.2h-.82a5.2 5.2 0 0 0-.1-2.52a1.42 1.42 0 0 0-1.29-.72l-.61.05a1.34 1.34 0 0 0-1 .84c-.28.8.16 2.33.07 2.36c-.45-.22-.75.52-.2.69q.36.05.72 0c.703-.03 1.406.014 2.1.13c1.39 0 2.42.12 3.28.22c.61.08.81.16.74 1.72c.02.363-.017.728-.11 1.08a5.9 5.9 0 0 1-.93 1.7c-.89 1-2.4.74-3.8.64a2.9 2.9 0 0 1-2-.95c-.48-.63-.37-2.13-.33-2.92c0-1.7 0-1.74-.22-1.83a.32.32 0 0 0-.41.24a2 2 0 0 0 0 .36c-.07 2.79-.75 4.49 1.43 5.69c1.86 1 1.39-.49 1.06 1.82a4.7 4.7 0 0 0 1.65 4.299l.79.35c3 .76 4.07-4.6 5.15-5a2.2 2.2 0 0 1 1.39 0c1.84.63 1.26 3 2.11 2.81a.36.36 0 0 0 .2-.59a8.3 8.3 0 0 0-.55-1.72M8 8.258c.14-.12 0-1 .22-1.78c.09-.24.28-.23.69-.26c.79 0 .56 1.47.68 2.08A7.8 7.8 0 0 0 8 8.258m3.75.05c0-.26.05-.5.09-.75s0-1.17.09-1.36c.4.12 1.42-.21 1.26.1v.57l.07 1.51c-.47-.04-.99-.06-1.51-.07"/><path d="M23.938 7.908a6 6 0 0 0-.31-1.54c-.14-.45-.58-.52-.89-.62a6.2 6.2 0 0 0-2-.09c-1.19 0-.76-.08-.86-.47c-.35-1.5-.64-2.73-3.13-2.86c-1.12-.06-2.33.19-3.34.23C1.8 3.029 0 1.609 0 6.619c0 1.44 0 2 .13 3.59a6.2 6.2 0 0 0 .62 2.77c.63 1 1.87.87 3 .83h1.26a.3.3 0 0 0 .2-.23c.12-.55-.7-.39-1.46-.46c-2.8-.11-2.5.1-2.54-6.46a4 4 0 0 1 .35-2.19a1.64 1.64 0 0 1 1.12-.54c2.12-.41 13.419-.59 13.519-.59c2.23.08 2.25.86 2.52 2.14a1.86 1.86 0 0 0 .38 1.16c.44.45 1.2.24 1.609.24a7 7 0 0 1 1.68 0a2 2 0 0 0 .22.12c.25 1.105.324 2.242.22 3.37c-.12 0-.34.13-.43.15l-1.75.19a1.7 1.7 0 0 0-1.16.3c-.3.32 0 .76-.06 1c-.16 1.59-.2 2.18-2.47 2c-1.08-.11-1.23-.22-1.39.05a.339.339 0 0 0 .28.52c1.59.28 3.5.55 4.15-.92a7.8 7.8 0 0 0 .38-1.84a14 14 0 0 0 3.09-.43c.7-.52.53-2.53.47-3.48"/></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. PowerSupplyBatteryChargeIcon.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.